Ésta pantalla nos enseña una lista de botones con lista de opciones.
Este tipo de pàgina se utiliza normalmente para crear un menu o lista de productos o actividades como: restaurantes, hoteles, guías de ciudades.
Al crear los botones, pinchando el símbolo “+”, podemos escribir el texto del botón que se visualizará y asignarle una acción. Si seleccionamos un botón de la lista y pinchamos la papelera, podremos borrar la opción seleccionada.
En la barra de edición lateral podemos cambiar el aspecto de la pantalla y de los botones.
Vamos a ver cómo hacerlo:
- En las “Propriedades de la App”, pinchando el icono de “Diseño de lista de opciones”, podemos configurar el aspecto de la lista de opciones que se reflejará dentro de toda la App
Este icono nos permite cambiar:
- Tipo de lista de opciones.
Podremos elegir entre 3 Tipos de lista de opciones:
- Basica
- Lista
- Horizontal
2. Botones Inactivos y Activos:
Por cada botón Inactivo y Activo se puede elegir el color de fondo, el color del borde de los botones y el color del texto.
Se puede también elegir el tipo de curvatura de los botones y, en el caso de los botones tipo Horizontal, se puede elegir altura, anchura y posición.
- En las “Propriedades de la Pantalla”, pinchando el icono de “Diseño de lista de opciones”, podemos configurar el aspecto de la lista de opciones que se reflejará sólo dentro de la pantalla en la que estamos trabajando.
Ahora vamos a ver como utilizar las acciones que asignar a cada botón a través de un ejemplo práctico:
Si por ejemplo queremos crear una App de un Restaurante, podemos crear 5 botones y a cada uno le asignaremos una acción que realizar, como por ejemplo abrir una otra pantalla de la App (que será el destino de la acción), tocar un archivo audio o un un video, abrir una página web.
En este caso tendremos la siguiente lista de opciones:
1. El primer botón nos va a abrir una pantalla tipo detalle: Quiénes Somos, con la información sobre el tipo de negocio que promocionamos en la App.
2. El segundo botón nos abrirá una pantalla tipo Visor de Datos que llamaremos Menu, con una lista de menus y con los detalles de cada uno.
3. El tercer botón nos va abrir una pantalla: Info que contenga toda la información sobre nuestro restaurante.
4. El cuarto nos va abrir una página: Nuestra web, y al pinchar abrirá por ejemplo una pantalla tipo web en la que insertaremos la url de nuestra página web (si tenemos una).
5. El quinto botón nos abrirá una pantalla tipo mapa que se llama: Donde encontrarnos.
En cuanto la pantalla de las opciones esté lista, podremos pasar al diseño y a la organización de las otras pantallas creadas.
