App inventor 2 en español
Cómo programar los teléfonos móviles con Android.
Ejemplos de App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

___________________________

2UU.- VerticalScrollArrangement como VisorDeLista con Botones.

p2uu_verticalscrollarrangement.aia

- Vamos a construir un VisorDeLista con VerticalScrollArrangement, Botones e Imágenes.

______________________________________________

- Diseño.

- Sigamos este proceso:

0.- Subimos las imágenes de las bandera.

1.- Marcamos la Propiedad de la Screen1 como Enrollable (al final la desmarcaremos, la hemos marcado por razones de construcción).

2.- Sacamos un VerticalScrollArrangement. Ponemos ColorDeFondo Amarillo. Alto: Automático. Ancho: Ajustar al contenedor. (estas Propiedades las cambiaremos al final, deben estar así por razones de construcción).

3.- Dentro del VerticalScrollArrangement, ponemos una Disposición Horizontal. Ancho: Ajustar al contendor.

4.- Dentro de esa DisposiciónHorizontal ponemos una Imagen y un Botón (Alto y Ancho del Botón: Ajustar al contenedor).

5.- Dentro de la Imagen ponemos una de las banderas.

6.- Debajo del DisposiciónHorizontal, ponemos otro DisposiciónHorizontal (Alto: 3 pixel)(ColorDeFondo: Negro)

7.- Renombramos a los DisposiciónHorizontal secuencialmente dh0, dh1, dh2, dh3, dh4,...

8.- Cuando terminemos de poner los 12 Botones, volvemos al VerticalScrollArrangement y ponemos:Alto: 60 percent.

- Si lo deseas puedes poner color Blanco en vez de Amarillo.

9.- En la Propiedades de la Screen1, desmarca Enrollable.

10.- Al final ponemos una Etiqueta1.

______________________________________________

- Bloques.

_____________________________________________
_____________________________________________
_____________________________________________

2UU2.- VerticalScrollArrangement como VisorDeLista con Botones. Click Largo.

p2uu_verticalscrollarrangement_largo.aia

- Vamos a modificar el código anterior.

- Si hacemos un Click sobre los botones saldrá la capital del país.

- Ahora, además, si hacemos un Click Largo sobre los botones saldrá un Notificador indicando su población.

______________________________________________

- Diseño.

- Es el mismo Diseño que el del ejemplo anterior al cual le he añadido un Notificador.

______________________________________________

- Bloques.

______________________________________________

- Comentarios.

- He añadido una lista de población en millones de habitantes.

- He puesto un bloque de ClicLargo de cada Botón.

- He creado un Procedimiento llamado: boton_largo.

__________________________________