Ein Dialogfeld ist ein modales Fenster, das vor einer App angezeigt wird, um Aufgabeninformationen anzuzeigen, die eine sofortige Antwort der Nutzenden erfordern.
Ein Dialogfeld kann eine Benachrichtigung sein, die eine Nutzerinteraktion erfordert. Es kann sich auch um ein Auswahl- oder Bestätigungsdialogfeld handeln, in dem der Nutzer eine Auswahl treffen oder bestätigen muss. Das Dialogfeld bleibt im Fokus, bis es geschlossen oder die erforderliche Aktion ausgeführt wird. Da Dialoge störend sind, sollten sie sparsam verwendet werden.
Dialoge beziehen sich auf Toasts und sind beide Bestandteile der Komponentenfamilie. Sie unterscheiden sich jedoch in Zweck und Priorität (siehe unten).
| Komponente | Purpose | Priorität |
| Toast | Zeigt eine informative Nachricht an. Es ist keine Nutzerinteraktion erforderlich. Er verschwindet nach 8 Sekunden. | Niedrig |
| Dialog | Zeigt Informationen und Aufgabenoptionen an, die eine Nutzerinteraktion erfordern. Ein Dialogfeld bleibt im Fokus, bis der Nutzer antwortet. | Hoch |
Anatomie
Dialogfelder enthalten Informationstext und UI-Steuerelemente, die eine Nutzerantwort anfordern.
2. Kartenüberschrift
3. Inhaltsbereich
4. Kartenaktionsbereich
Technische Daten
Dialogfeld ohne Titel
Dialogfeld mit Titel
Dialogfeld mit zentriertem Titel
Scrollbares Dialogfeld
Anpassbare
OEMs können ihre Marke reflektieren, indem sie die folgenden Aspekte von Dialogfeldern anpassen:
- Schriftarten
- Stil von aktiven, inaktiven und deaktivierten Schaltflächen
- Schaltflächengrößen und -platzierungen
Das Designsystem bietet Anleitungen zum Anpassen von Komponenten mithilfe von Layout, Farbe, Typografie und Größe.
Beispiele
