|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  AutoIt (Programación) Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  Teleco - Emisora de A.M. Visual Basic Cosas de Windows Webs interesantes
T Búsqueda en este sitio:


.

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.

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información