Una finestra di dialogo è una finestra modale che appare davanti a un'app per visualizzare informazioni sull'attività che richiedono una risposta immediata dell'utente.
Una finestra di dialogo può essere un avviso e richiede l'interazione dell'utente. Può anche essere una finestra di dialogo di selezione o conferma, che richiede all'utente di effettuare o confermare una scelta. La finestra di dialogo mantiene lo stato attivo fino a quando non viene ignorata o non viene eseguita l'azione richiesta. Poiché i dialoghi sono invasivi, devono essere utilizzati con parsimonia.
Le finestre di dialogo sono relative ai toast (entrambi fanno parte della famiglia di componenti Dialog), ma differiscono per finalità e priorità, come mostrato di seguito.
Componente | Purpose | Priorità |
Toast | Mostra un messaggio informativo. Non richiede l'interazione dell'utente. Scompare dopo 8 secondi. | Basso |
Dialog | Visualizza le informazioni e le opzioni delle attività che richiedono l'interazione dell'utente. Una finestra di dialogo mantiene lo stato attivo finché un utente non risponde. | Alta |
Anatomia
Le finestre di dialogo contengono testo informativo e controlli dell'interfaccia utente che richiedono una risposta dell'utente.
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Anatomy-new.png?hl=it)
2. Intestazione della scheda
3. Area dei contenuti
4. Area di azione della scheda
Specifiche
Finestra di dialogo senza titolo
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-3.png?hl=it)
Finestra di dialogo con titolo
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-4.png?hl=it)
Finestra di dialogo con titolo centrato
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-5.png?hl=it)
Finestra di dialogo scorrevole
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-spec-6.png?hl=it)
Funzionalità di
Gli OEM possono rispecchiare il loro brand personalizzando i seguenti aspetti delle finestre di dialogo:
- Caratteri
- Stili dei pulsanti attivi, non attivi e disattivati
- Dimensioni e posizionamenti dei pulsanti
Il sistema di progettazione fornisce indicazioni per personalizzare i componenti utilizzando layout, colore, tipografia e dimensioni.
Esempi
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-1-new.png?hl=it)
![](https://developers.google.cn/cars/design/automotive-os/components/images/Dialog-Mock-2-new.png?hl=it)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-3.png?hl=it)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-mock-4.png?hl=it)
![](https://developers.google.cn/cars/design/automotive-os/components/images/dialog-animation-1.gif?hl=it)