Programación App Inventor 2

3.- Varias pantallas p1_pitagoras2 (varias pantallas - Screen) Continuamos con nuestro proyecto de Pitágoras, es decir el mismo pitagoras2.aia que estamos realizando. Vamos a crear otro formulario en otra pantalla, en este caso vamos a realizar el cálculo del área del triángulo. - Añadimos una nueva pantalla: Añadir ventana - Le dejamos de nombre Screen2 - Mediante el Diseño situamos una Etiqueta1, un CampoDeTexto1, otra Etiqueta2, otro CampoDeTexto2, un Botón y otra Etiqueta3 NOTA: en las Propiedades de los CampoDeTexto marcamos "SoloNúmeros". Borramos información de Pista

- Mediante Bloques creamos esta disposición:

- Pasamos el programa al emulador

- Pantalla de Menú Menú vamos crear otra ventana, en este caso Screen3, con un menú.

Agregamos un VisorDeLista1. Podemos agregar elementos al VisorDeLista1 mediante la Propiedad ElementosDesdeCadena, separando los nombre de los elementos mediante coma. Ponemos: Uno,Dos,Tres

Vamos a Bloques

Aunque anteriormente en el Diseño hemos puesto varios elementos en el VisorDeLista1, vamos a poner otros elementos pero mediante código. Para ello utilizo dos tablas, en una figura el nombre de dos elementos del VisorDeLista1 (Pitágoras, Área del triángulo) en otra tabla establezco el nombre de dos pantallas (Screen1 y Screen2). Cuando se muestra la pantalla Screen3, se carga en el VisorDeLista1 los elementos de la primera tabla.

Cuando pulsamos en un elemento, tomamos el índice de ese elemento y mostramos la pantalla referente a ese elemento según en emparejamiento en las dos tablas. Para que una vez en una de las pantallas podamos volver el menú, vamos a crear en la Screen1 y Screen2 sendos botones Botón2_Click, de manera que cuando los pulsemos se vuelva a la pantalla Screen3.

Podemos hacer pruebas mediante Conectar, pero a veces no funciona de esta manera en los emuladores, se aconseja compilar el programa mediante Generar y pasarlo al móvil compilado. Se puede hacer escaneando el QR obtenido.