Tipos de Disposicióndesphorizontal, vertical, voz, etiqueta. Texto y botón.

 Pasos para crear una aplicación en App Inventor

1.- Dar clic en nuevo proyecto en app inventor.

2.- Poner un nombre al proyecto para después dar clic en aceptar.

3.- En la barra de propiedades de la pantalla deshabilitar la opción "MostrarBarraEstado" y "Titulo".

4.- Colocar una disposicióndesphorizontal de alto 40% y ancho de 100%.

5.- Colocar una imagen con un alto de 40% y un ancho de 100% al igual de la disposición.

6.- Colocamos otra imagen del lado izquierdo de la anterior imagen.

7.- Le ponemos las mismas medidas que la anterior y lo repetimos 4 veces mas para tener 5 imágenes.

8.- Colocar una disposición horizontal en la parte de abajo de 20% de alto y 100% de ancho.

9.- Encima de la disposición colocamos una etiqueta de 20% de alto y 100% de ancho donde colocamos la una explicación de las imágenes.

10.- se repiten estos pasos 3 veces mas para poder tener 4 grupos diferentes.

11.- En la parte de abajo colocamos 3 disposiciones horizontales con un alto de 10% y un ancho de 100%

12.- En la primera disposición colocar 2 botones con un alto de 10% y un ancho de 40%

13.- Entre en medio de los botones colocar otra disposición horizontal con un ancho de 10%

14.- Hacer lo mismo en la segunda disposición.

15.- En la tercera disposición solo colocar un botón en medio de salir con las mismas medidas de los botones pasados.

16.- Agregar 4 TextoAVoz.

17.- Nos vamos a la parte de bloques y seleccionamos en el primer botón el bloque de "Ejecutar xxx Clic. ejecutar"

18.- En las opciones de las 5 imágenes del mismo grupo, colocamos todas con el bloque "poner imagen foto como jpg"

19.- Con las mismas imágenes ahora agregar un bloque que dice "EscalarImagenParaAjutar" 

20.- En el criterio de lógica colocamos el bloque de "verdadero" de lado derecho de los anteriores bloques colocados.

21.- En el criterio de etiqueta seleccionamos el bloque de "Texto" y lo colocamos en la parte de abajo.

22.- En el criterio de texto seleccionamos el bloque de las ".." y lo ponemos del lado derecho del bloque colocado previamente. 

23.- Dentro de las comillas colocar el texto escrito antes de la etiqueta.

24.- Antes de continuar quitarle la opción visible a todas las imágenes y etiquetas creadas.

25.- Seleccionamos las 5 imágenes del mismo grupo y agregamos el bloque de "visible" en la parte de abajo además de que en el lado derecho le ponemos bloques de "verdadero" del criterio lógica.

26.- De las otras 15 imágenes que pertenecen a otros grupos seleccionamos el bloque de "visible" pero en el lado derecho lo colocamos el bloque "falso" del criterio de lógica

27.- Hacemos lo mismo pero con las etiquetas, la que pertenezca en el grupo la ponemos como verdadero y las demás como falsas.

28.- Con el texto a voz seleccionamos el bloque "Hablar mensaje"

29.- En el lado derecho poner el bloque de "texto" de la etiqueta que deseemos se lea.

30.- Con los otros texto a voz seleccionamos el bloque de "detener"

31.- Así ya estaría listo nuestro primer botón terminado.

32.- Hacer esto mismo con los otros 3 grupos.

33.- Con nuestro ultimo botón que es el de salir, seleccionamos el bloque de "Clic ejecutar"

34.- A los 4 texto a voz seleccionamos el bloque de "Detener" y lo colocamos dentro del bloque creado anteriormente.

35.- En el criterio de control seleccionamos el botón de "cerra la aplicación" para colocarlo en la parte de abajo.

Y así ya tendríamos por concluido nuestra aplicación.