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.
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Anatomy-new.png?authuser=9&hl=fr)
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
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-3.png?authuser=9&hl=fr)
Boîte de dialogue avec titre
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-4.png?authuser=9&hl=fr)
Boîte de dialogue avec titre centré
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-5.png?authuser=9&hl=fr)
Boîte de dialogue déroulante
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-6.png?authuser=9&hl=fr)
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
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-1-new.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-2-new.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-3.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-4.png?authuser=9&hl=fr)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-animation-1.gif?authuser=9&hl=fr)