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

___________________________

6B.- VerticalScrollArrangement. HorizontalScrollArrangement. How works.

- En la distribución nb149 App inventor añade VerticalScrollArrangement y HorizontalScrollArrangement.

• Added Scrollable Horizontal and Vertical Arrangements

- Se trata de poner componentes en una Disposición de manera que se pueda efectuar un Scroll con ellos.

- En estos ejemplos observa las Propiedades Screen1.Enrollable, VerticalScrollArrangement.Hight.

- Para crear los elementos es conveniente marcar la Screen1.Enrollable y el VerticalScrollArrangement.Hight en 1000 pixel, luego quitamos el marcar y ponemos esta última en 30%

______________________________________________

- VerticalScrollArrangement.

p6C_verticalscrollarrangement.aia

1.- Marcamos la Propiedad: Enrollable de la Screen1.

2.- Ponemos un VerticalScrollArrangement1.

- Con las Propiedades indicadas.

- Le he puesto ColorDeFondo amarillo para distinguirlo.

3.- Una vez puesto el VerticalScrollArrangement1, introducimos dentro 14 Botones.

4.- Ahora vamos a hacer que el VerticalScrollArrangement1 ocupe el 50 por ciento del Alto de la pantalla.

5.- Vamos a Añadir al final del VerticalScrollArrangement1 una Etiqueta.

6.- Desmarcamos la Propiedad Enrollable de la Screen1.

7.- Vamos a emularlo con el MIT Companion o Generarlo. Observamos que podemos hacer un Scroll con la zona de Botones.

______________________________________________

- HorizontalScrollArrangement.

p6D_horizontalscrollarrangement.aia

1.- Debajo de la Etiqueta anterior, insertamos un HorizontalScrollArrangement.

2.- Ponemos el Ancho: Ajustar al Contenedor.

3.- Insertamos dentro 4 Botones.

4.- Vamos a emularlo con el MIT Companion o Generarlo. Observamos que podemos hacer un Scroll con la zona de Botones.

TRUCO: si no entran bien los Botones, cámbiales el Texto y pon uno corto, solo el número: 15, 16, 17, 18. Una vez situados los Botones le vuelves a cambiar el Texto y le pones el nombre que quieras sobre cada Botón.

______________________________________________

- HorizontalScrollArrangement. Doble columna de botones en vertical.

p6C_verticalscrollarrangement_doble.aia

__________________________________