APP INVENTOR: Map Tour. Autor: Said El Hamoudi Bader

Para este tutorial se debe estar familiarizado con los conceptos básicos de App Inventor, ya que se utilizan los componentes ActivityStarter y ListPicker. Una respondería para el lanzamiento de aplicaciones Android, en este caso el arranque de Google Maps, y la otra para permitir al usuario elegir de una lista de ubicaciones.

Establecer la pantalla:

Creamos en la ventana de diseño una imagen estética del lugar de destino, el ListPiker que mostrará la lista de destino y por último el ActivityStarter que inicia la aplicación de mapas cuando se elige un destino.

designer

Habrá que configurar el ActivityStarter para iniciar la aplicación Maps con las siguientes propiedades:

Acción                                 android.intent.action.VIEW

ActivityPackage               com.google.android.apps.maps

ActivityClass                     com.google.android.maps.MapsActivity

 

Establecer la lista de destinos:

-         Debemos crear una variable con la lista de destinos para el Map Tour

-         Hacer make a list para agregar los elementos a la lista

-         Finalmente los textos con los destinos

destinationList

 

 

Establecer comportamientos a los componentes:

En Map Tour aplicamos dos comportamientos

-         Al iniciar la aplicación cargar destinos en ListPicker para que el usuario elija

-         Al seleccionar el destino la aplicación de mapas muestra el destino

 

Para que suceda definimos el comportamiento Screen1.Initialize

screenInit

 

 

Comportamiento al elegir destino:

ActivityStarter debe lanzar los mapas al seleccionar destino, por ello será necesario programar el componente Listpicker que activará el ListPicker.AfterPicking, necesario para configurar el DataURI del componente ActivityStarter.

afterPicking

 

Existe un segundo uso más sofisticado del ActivityStarter y del componente Listpicker que se encuentra en la segunda parte del tutorial de la web.

ParisMapTour.ZIP