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

___________________________

2W.- Botones en Paneles.

p2w_botones_paneles.aia

- Vamos a tener 16 botones, agrupados de 4 en 4.

- Cuatro botones de letras, cuatro de dibujos, cuatro de personas y cuatro de frutas.

- Además tendremos 4 botones normales que según el que pulsemos saldrá un cuarteto de los anteriores.

_________________
- Diseño.

- Hay 16 Botones que tienen imagen, aquí están las imágenes que he utilizado: iconos2.zip

- En las Propiedades de la Screen1, marcamos "Enrollable", de esta manera es más fácil poner las DispocionesTabulares.

- Ponemos 4 botones en dos DisposicionesHorizontales: Letras, Caras, Personas y Frutas.

- Luego ponemos 4 DisposicionesTabulares de 2 x 2.

- En cada DisposiciónTabular ponemos 4 botones con imágenes.

- Podemos marcar cada DisposiciónTabular con la Propiedad de No visible, para que no aparezcan a iniciar la pantalla.

_________________
- Bloques.

_________________
- Comentarios.

- De esta manera podemos poner muchos componentes en la misma pantalla, introduciéndolos en Disposiciones y luego haciéndolos visibles o no, según queramos ver esa Disposicón o no.

- En esta aplicación los botones de imágenes no ejecutan ningún código, simplemente he tratado de explicar la manera de poner muchos botones en la misma pantalla.

- Otra manera de poner muchos botones es marchando en las Propiedades de la Screen1 "Enrollable".

- Para que no se vean los Botones de imágenes al iniciar la aplicación, desmarcamos la Propiedad Visible de las DisposicionesTabulares.

_________________
_________________
- Otro código.

___________________________

2W.- Botones en Paneles 2.

p2w_botones_paneles_2.aia

- Aquí expongo otro código parecido al anterior pero más simplificado. La parte de Diseño es la misma, la parte de Bloques es la siguiente:

_________________
- Bloques.

_________________________________