Université Ahmed Draia - Adrar
Faculté des Sciences de la Matière et Mathématiques et Informatique
Département de Mathématiques et Informatique
3 eme année Licence Informatique
Développement des applications mobiles
Menus et boites de dialogues
2024-2025
Plan
1. Gestion des menus d’application
1.1. Menus d’option
1.2. Menus Contextuels
1.3. Menus pop-up
[Link] boites de dialogue
Gestion des menus d’application
Un menu est une liste d’éléments (items) qui permet de proposer des
fonctionnalités supplémentaires qui n’apparaissent pas par défaut à
l’écran, et de mieux gérer la taille limitée de l’écran de dispositif mobile.
Chaque menu est associé à une seule activité.
La sélection d’un élément (item) dans le menu déclenche une callback
(création et réaction ).
Gestion des menus d’application
Il existe trois types de menus ou de présentations d'actions
fondamentaux sur toutes les versions d'Android:
menus d’options, menus contextuels et menus pop-up.
Pour tous ces types de menus, Android fournit un format XML
standard pour définir les éléments de menu. Au lieu de créer un menu
dans le code de votre activité, définissez un menu et tous ses éléments
dans une ressource de menu XML.
Gestion des menus d’application
Gestion des menus d’application
Gestion des menus d’application
Creation d’une menu
Pour développer un menu, créez un fichier XML dans le répertoire res/menu/ de votre
projet et créez le menu avec les éléments suivants:
• <menu> : Définit un Menu, qui est un conteneur pour les éléments de menu. Un
élément <menu> doit être le nœud racine du fichier et peut contenir un ou plusieurs
éléments <item> et <group>.
• <item> : Crée un MenuItem, qui représente un seul élément dans un menu. Cet
élément peut contenir un élément <menu> imbriqué pour créer un sous-menu.
• <group> : Conteneur facultatif et invisible pour les éléments <item>. Il vous permet de
catégoriser les éléments de menu afin qu'ils partagent des propriétés, telles que l'état
actif et la visibilité. Pour en savoir plus, consultez la section Créer un groupe de menus.
Gestion des menus d’application
Exemple de menu nommé game_menu.xml:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="[Link]
<item android:id="@+id/new_game"
android:icon="@drawable/ic_new_game"
android:title="@string/new_game"
app:showAsAction="ifRoom"/>
<item android:id="@+id/help"
android:icon="@drawable/ic_help"
android:title="@string/help" />
</menu
Menus d’option
Le menu d'options est la principale collection d'éléments de menu d'une
activité. C'est là que vous placez les actions qui ont un impact global sur
l'application, telles que "Rechercher", "Rédiger un e-mail" et "Paramètres".
L'option Menu apparaît dans App Bar (la barre d'applications), à droite.
Menus Contextuels
Un menu contextuel est un menu flottant qui s'affiche lorsque l'utilisateur
appuie de manière prolongée sur un élément. Il fournit des actions qui
affectent le contenu ou le frame de contexte sélectionné.
Le mode d'action contextuelle affiche les éléments d'action qui affectent le
contenu sélectionné dans une barre en haut de l'écran et permet à l'utilisateur
de sélectionner plusieurs éléments.
.
Menus pop-up
Un menu pop-up affiche une liste verticale d'éléments ancrés à la vue qui
appelle le menu. Il est utile pour fournir un débordement d'actions liées à un
contenu spécifique ou pour fournir des options pour la deuxième partie d'une
commande. Les actions d'un menu pop-up n'affectent pas directement le
contenu correspondant. C'est à cela que servent les actions contextuelles. Le
menu pop-up est plutôt destiné aux actions étendues liées aux régions de
contenu de votre activité.
Les boites de dialogue
Une boîte de dialogue est une petite fenêtre qui invite l'utilisateur à
prendre une décision ou à saisir des informations supplémentaires. Une
boîte de dialogue ne remplit pas l'écran et est généralement utilisée pour
les événements modaux qui nécessitent que les utilisateurs effectuent une
action avant de pouvoir continuer.
Il existe plusieurs types de dialogues, comme les dialogues d’alerte, et
les dialogues généraux.
Les boites de dialogue
Coté programmation:
La classe Dialog est la classe de base des boîtes de dialogue, mais
n'instanciez pas Dialog directement. Utilisez plutôt l'une des sous-classes
suivantes:
AlertDialog: Boîte de dialogue pouvant afficher un titre, jusqu'à trois
boutons, une liste d'éléments sélectionnables ou une mise en page
personnalisée.
DatePickerDialog ou TimePickerDialog :Boîte de dialogue avec une UI
prédéfinie permettant à l'utilisateur de sélectionner une date ou une heure.
Les boites de dialogue
La classe DialogFragment fournit toutes les commandes pour créer votre
boîte de dialogue et gérer son apparence, au lieu d'appeler des méthodes
sur l'objet Dialog.
L'utilisation de DialogFragment permet de gérer correctement les
événements de cycle de vie d’une boîte de dialogue.
Les boites de dialogue
Exemple:YesNoDialogFragment
Les boites de dialogue
Créer un fragment de boîte de dialogue:
Exemple: un AlertDialog de base géré dans un DialogFragment. Cette boite de
dialogue contenant un message et deux boutons.
Les boites de dialogue
Créer un fragment de boîte de dialogue:
Les boites de dialogue
Créer une boîte de dialogue d'alerte
• La classe AlertDialog vous permet de créer différentes conceptions de boîtes de
dialogue.
• Une boîte de dialogue d'alerte comporte trois régions:
• Titre: facultatif, il n'est utilisé que lorsque la zone de contenu est occupée par un
message détaillé, une liste ou une mise en page personnalisée.
• Zone de contenu: elle peut afficher un message, une liste ou une autre mise en page
personnalisée.
• Boutons d'action: une boîte de dialogue peut comporter jusqu'à trois boutons d'action
(positive, négative, neutre) qui permettent soit de valider
la décision de l'utilisateur, soit l’annuler ou de ne rien faire.
Les boites de dialogue
Créer une boîte de dialogue d'alerte
Exemple: création d’une boite de dialogue
Les boites de dialogue
Créer une boîte de dialogue d'alerte
Exemple: création d’une boite de dialogue avec boutons
Les boites de dialogue
Créer une boîte de dialogue d'alerte
Exemple: création d’une boite de dialogue avec boutons et une liste de choix
Les boites de dialogue
Créer une boîte de dialogue d'alerte
Les boites de dialogue
Créer une boîte de dialogue d'alerte
Référence:
[Link]
