Aplicación con voz, imágenes, botones, Disposición vertical, horizontal.

 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.-Colocamos una disposición horizontal de 45% de alto y 100%  de ancho.


5.- Colocamos una imagen en la disposición justo con las mismas medidas, es decir 45% del alto y 100% de ancho.

6.- Hacemos lo mismo con 3 imágenes mas para así tener 4.

7.- Agregamos otra disposición horizontal en la parte de abajo con un alto de 15% y un ancho de 100%.


8.- Colocamos una etiqueta de 15% de alto y de ancho de 100% dentro de la disposición, donde colocamos la información que se desee. 

9.- En la parte de abajo colocamos otra disposición horizontal con un alto de 10% y un ancho de 100%.

10.- Dentro de la disposición colocamos dos botones de 10% de alto y un ancho de 40%.

11.- Entre medio de los botones colocamos otra disposicion con un ancho de 10% para poder separar los botones. 

12.- Repetimos esto otra vez en la parte de abajo para obtener 4 botones en total.


13.- En la parte de abajo colocamos otra disposición horizontal de 10% de alto y 100% de ancho.

14.- Colocamos un botón en medio de 40% de ancho y 10% de alto que diga salir.

15.- En la sección de bloques seleccionamos el bloque de "clic ejecutar" del primer botón.

16.- Antes de continuar deshabilitar la opción de visible a todas las imágenes y etiquetas.

17.- Colocamos el botón de "visible" de todas las imágenes y solo a la primera le colocamos el bloque "verdadero" del criterio de lógica y a los demás el bloque de "falso".

 18.- Hacemos lo mismo con las etiquetas.

19.- Antes de continuar arrastrar 4 "TextoAVoz" a la pantalla.

20.- El primer texto a voz colocamos el bloque de "Hablar mensaje" y en el lado derecho le colocamos un bloque de "Texto" de la primera etiqueta.

21.- Con los demás texto a voz solo colocar el bloque de "Detener" y así ya estaría terminado nuestro primer botón.

22.- Repetir estos pasos con los otros 3 botones. 

23.- Para nuestro ultimo botón que es el de salir colocamos el bloque de "Clic ejecutar" 

24.- De los 4 textos a voz colocar el bloque de "Detener"

25.- Por ultimo en el criterio de control colocar el bloque de "cerrar la aplicación" y así ya estaría por terminado el botón.

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





Comentarios

Entradas más populares de este blog

Dispositivos Moviles