Finestre

Una finestra di dialogo è una finestra modale che viene visualizzata di fronte a un'app per visualizzare informazioni sulle attività che richiedono una risposta immediata da parte dell'utente.

Una finestra di dialogo può essere un avviso e richiede l'interazione dell'utente. Può anche essere una finestra di dialogo per la selezione o la conferma, che richiede all'utente di effettuare o confermare una scelta. La finestra di dialogo mantiene lo stato attivo finché non viene ignorata o non viene intrapresa l'azione richiesta. Poiché le finestre di dialogo sono invasive, dovrebbero essere utilizzate con moderazione.

Le finestre di dialogo sono correlate ai toast (sono membri della famiglia di componenti Dialog), ma differiscono per scopo e priorità, come mostrato di seguito.

Componente Scopo Priorità
Toast Mostra un messaggio informativo. Non richiede l'interazione dell'utente. Scompare dopo 8 secondi. Bassa
Dialog Visualizza le informazioni e le opzioni relative alle attività che richiedono l'interazione dell'utente. Una finestra di dialogo mantiene lo stato attivo finché un utente non risponde. Alto

Anatomia

Le finestre di dialogo contengono testo informativo e controlli dell'interfaccia utente che richiedono una risposta dell'utente.

1. Sfondo della finestra di dialogo
2. Intestazione della scheda
3. Area dei contenuti
4. Area di azione carta

Specifiche

Finestra di dialogo senza titolo

Finestra di dialogo con titolo

Finestra di dialogo con titolo centrato

Finestra di dialogo a scorrimento


Personalizzazione

Gli OEM possono riflettere il loro brand personalizzando i seguenti aspetti delle finestre di dialogo:

  • Caratteri
  • Stilazione di pulsanti attivi, non attivi e disattivati
  • Dimensioni e posizionamenti dei pulsanti

Il sistema di progettazione fornisce indicazioni per la personalizzazione dei componenti tramite layout, colori, tipografia e dimensioni.


Esempi

Finestra di dialogo con titolo - giorno
Finestra di dialogo con titolo - notte
Finestra di dialogo scorrevole - giorno
Finestra di dialogo scorrevole - notte
Finestra di dialogo in azione