Okna

Okno dialogowe to okno modalne pojawiające się przed aplikacją w celu wyświetlenia informacji o zadaniu wymagającym natychmiastowej reakcji użytkownika.

Dialog może być alertem, który wymaga interakcji użytkownika. Może to być również okno dialogowe wyboru lub potwierdzenia, wymagające od użytkownika dokonania lub potwierdzenia wyboru. Okno dialogowe pozostaje aktywne do momentu jego zamknięcia lub wykonania wymaganej czynności. Ponieważ okna dialogowe są przerywające, należy z nich korzystać oszczędnie.

Okna dialogowe są powiązane z okienkami typu toast (oba są członkami rodziny komponentów Dialog), ale różnią się celem i priorytetem, jak pokazano w tabeli.

Część Zamiar Priorytet
Toasty Wyświetla komunikat informacyjny. Nie wymaga interakcji użytkownika. Znika po 8 sekundach. Niski
Dialog Wyświetla informacje i opcje zadań wymagające interakcji użytkownika. Okno dialogowe pozostaje aktywne do momentu reakcji użytkownika. Wysoki

Anatomia

Okna dialogowe zawierają tekst informacyjny i elementy interfejsu użytkownika wymagające odpowiedzi.

1. Tło dialogowe
2. Nagłówek karty
3. Obszar treści
4. Obszar akcji karty

Okular

ikona objaśnienia
Komponent przycisków
Specyfikacje, wytyczne dotyczące stylu i inne
ikona objaśnienia
Komponent elementów listy
Specyfikacje, wytyczne dotyczące stylu i inne

Dialog bez tytułu

Dialog z tytułem

Dialog z wyśrodkowanym tytułem

Przewijalny dialog

Personalizacja

Wyraź swoją markę, dostosowując następujące aspekty dialogów:

  • Czcionki
  • Stylizacja aktywnych, nieaktywnych i wyłączonych przycisków
  • Wymiary i rozmieszczenie przycisków

Przykłady

Dialog z tytułem - dzień
Dialog z tytułem - noc
Przewijany dialog - dzień
Przewijany dialog - noc
Dialog w akcji