Toast

Un toast è un breve messaggio informativo che un'app visualizza brevemente nella parte inferiore dello schermo.

Può essere visualizzato un solo messaggio toast alla volta. Il toast informa l'utente di un'azione che l'app ha intrapreso o intraprenderà. Non richiede alcuna azione o risposta da parte dell'utente. Dopo 8 secondi, il toast scompare automaticamente.

I toast sono correlati alle finestre di dialogo (e fanno parte della famiglia di componenti Dialog), ma differiscono per scopo e priorità.

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

Anatomia

Un messaggio toast viene visualizzato brevemente davanti agli altri contenuti dello schermo. È composto da uno sfondo e da un messaggio.

Esempio di componente Toast con callout numerati per lo sfondo e
       l'area dei messaggi
1. Sfondo del toast
2. Area dei messaggi toast

Specifiche

Ecco le specifiche per i toast:

Toast: spaziatura intorno al testo del messaggio

Toast: posizionamento in basso sullo schermo

Personalizzazione

Gli OEM possono modificare l'aspetto dei toast in modo che riflettano il loro brand:

  • Fornire caratteri personalizzati
  • Modificare le dimensioni e il posizionamento dei toast

Il sistema di progettazione fornisce indicazioni per personalizzare i componenti utilizzando layout, tipografia e dimensionamento.

Esempi

Ecco alcuni esempi di toast:

Formato del messaggio toast

Posizionamento dei toast (nella parte inferiore dello schermo)