Boîtes de dialogue

Une boîte de dialogue est une fenêtre modale qui s'affiche devant une application pour afficher des informations sur une tâche qui nécessitent une réponse immédiate de l'utilisateur.

Une boîte de dialogue peut être une alerte, ce qui nécessite une interaction de l'utilisateur. Il peut également s'agir d'une boîte de dialogue de sélection ou de confirmation, qui demande à l'utilisateur de faire ou de confirmer un choix. La boîte de dialogue reste active jusqu'à ce qu'elle soit fermée ou que l'action requise soit effectuée. Les boîtes de dialogue gênant les utilisateurs, vous devez les utiliser avec parcimonie.

Les boîtes de dialogue sont liées aux toasts (tous deux font partie de la famille de composants "Dialog"), mais leur objectif et leur priorité diffèrent, comme indiqué ci-dessous.

Composant Purpose Priorité
Toasts Affiche un message d'information. Ne nécessite aucune interaction de l'utilisateur. disparaît au bout de huit secondes ; Faibles
Dialog Affiche les informations et les options de tâches qui nécessitent une interaction de l'utilisateur. Une boîte de dialogue reste active jusqu'à ce que l'utilisateur réponde. Élevée

Anatomie

Les boîtes de dialogue contiennent du texte d'information et des commandes d'interface utilisateur qui demandent une réponse de l'utilisateur.

1. Arrière-plan de la boîte de dialogue
2. En-tête de la carte
3. Zone de contenu
4. Zone d'action de la fiche

Caractéristiques techniques

Boîte de dialogue sans titre

Boîte de dialogue avec titre

Boîte de dialogue avec titre centré

Boîte de dialogue déroulante


Fonctionnalités

Les OEM peuvent représenter leur marque en personnalisant les aspects suivants des boîtes de dialogue:

  • Polices
  • Style des boutons actifs, inactifs et désactivés
  • Dimensions et emplacements des boutons

Le système de conception fournit des conseils pour personnaliser les composants à l'aide de la mise en page, de la couleur, de la typographie et du dimensionnement.


Exemples

Boîte de dialogue avec titre - jour
Boîte de dialogue avec titre - nuit
Boîte de dialogue à faire défiler – jour
Boîte de dialogue à faire défiler – nuit
La boîte de dialogue en action