Saltar la navegación

Cambio de pantalla

Tarea

Crea una aplicación que disponga de 4 pantallas.

Inserta una imagen en cada una de ellas y botones para navegar por las distintas pantallas.

Creación de ventanas

La pantalla inicial tiene que tener, siempre, el nombre "Screen1". No se puede cambiar.

Cuando se tiene diseñado el proyecto, se sabe que pantallas se van a incorporar al proyecto.

Se procede a crear todas las pantallas, pulsando el botón "Añadir Ventana". 

Se abre un cuadro de diálogo en el que se indica el nombre que ha de tener.

Fuente Propia (CC0)

Las ventanas, que en esta ocasión se han creado, son las siguientes:

Fuente Propia (CC0)

Diseño de Ventanas

El primer paso para llevar a cabo nuestra aplicación, es diseñar nuestras ventanas.

La ventana principal dispondrá de los siguientes elementos:

  • Disposición Vertical (Alto y ancho según contenedor, Alineación Central)
  • Imagen (Alto, el 50%)
  • Botón (Texto Iniciar)
Fuente Propia (CC0)

Una ventana cualquiera, dispondrá los siguientes elementos:

  • Disposición Vertical (Alto y ancho según contenedor, Alineación Central)
  • Imagen (Alto 50%)
  • Disposición Horizontal (Ancho según contenedor)
  • Dos botones (Ancho 30%). Texto "Atrás" y "Adelante"
Fuente Propia (CC0)

Código

El código de la primera pantalla, se realiza eligiendo "Cuando Botón1 Clic. Ejecutar" de los bloques del Botón; "Abrir otra pantalla. Nombre de la pantalla" de los bloques de Control; y el bloque "Texto" se pone el nombre de la ventana que se va abrir.

Fuente Propia (CC0)

El bloque de algunas de las siguientes pantallas, sería el siguiente:

Fuente Propia (CC0)
Fuente Propia (CC0)