Cet écran nous montre une liste de boutons avec une liste d'options.
Ce type de page est normalement utilisé pour créer un menu ou une liste de produits ou d'activités tels que: restaurants, hôtels ou guides de villes.
Lorsque vous créez des boutons, en cliquant sur le symbole "+", nous pouvons taper le texte du bouton à afficher et nous pouvons lui assigner une action. Si nous sélectionnons un bouton dans la liste et que nous cliquons sur l'icône du bac, nous pouvons supprimer l'option sélectionnée.
Sur la barre verticale à la droite, nous pouvons changer le look de l'écran et les boutons.
Voyons comment nous faisons cela:
- Lorsque vous cliquez sur l'icône "Listes des options de Conception", nous pouvons configurer l'apparence de la liste d'options qui sera reflétée dans l'ensemble de l'application.
Cette icône nous permet de changer:
1. Type de liste d'options:
Nous pouvons choisir parmi 3 types de liste d'options:
De base
Liste
Horizontal
2. Boutons inactifs et actifs:
Pour chaque bouton actif et inactif, nous pouvons choisir la couleur d'arrière-plan, la couleur de la bordure des boutons et la couleur du texte. Nous pouvons également choisir le type de courbure des boutons et, dans le cas des boutons horizontaux, nous pouvons choisir: hauteur, largeur et position.
Lorsque vous cliquez sur l'icône "Liste des options de Conception", nous pouvons définir l'apparence de la liste d'options qui ne sera reflétée que dans l'écran sur lequel nous travaillons.
Voyons maintenant comment nous pouvons utiliser les actions assignées à chaque bouton à travers un exemple pratique:
Si, par exemple, nous voulons créer une application pour un restaurant, nous pouvons créer cinq boutons et attribuer à chacun une action à effectuer, comme ouvrir un autre écran d'application (qui est la destination de l'action), jouer un fichier audio ou une vidéo, ou l'ouverture d'une page Web.
Dans ce cas, nous avons la liste des options suivante:
1. Le premier bouton ouvre un type d'écran Détail: Qui sommes-nous, avec les informations sur le type d'entreprise que nous proposons dans l'application.
2. Le deuxième bouton ouvre un type d'écran de vue de données que nous appelons Menu, avec une liste de menus et les détails de chacun.
3. Le troisième bouton ouvre un écran: Info, contenant toutes les informations sur notre restaurant.
4. Le quatrième bouton ouvre une page: Web, et quand il est cliqué, il ouvrira un type d'écran Web, dans lequel nous allons insérer l'URL de la page Web (si vous en avez un).
5. Le cinquième bouton ouvre un type d'écran de carte, appelé: Où nous sommes.
Une fois que l'écran des options est prêt, nous pouvons procéder à la conception et l'organisation des autres écrans qui ont été créés.