Modello griglia

Le griglie presentano gli elementi in un layout a griglia.

Questo modello è utile quando gli utenti si affidano principalmente alle immagini per effettuare le loro selezioni.

Questo modello può essere incorporato nel modello di scheda per fornire la navigazione a schede.

Include:

• Intestazione con una striscia di azioni facoltativa (la barra di azione viene sostituita con delle schede quando questo modello è incorporato nel modello di scheda)
• Elementi della griglia (vedi la nota di seguito), ciascuno contenente un'icona o un'immagine di grandi dimensioni
• Testo principale di ogni elemento della griglia (obbligatorio)
• Testo secondario per ogni elemento della griglia (facoltativo)
• Pulsante di azione mobile facoltativo

Nota: è previsto un limite al numero di elementi della griglia che è possibile mostrare, ma il limite non sarà inferiore a sei e potrebbe essere superiore in alcuni veicoli. Per recuperare il limite di articoli per un determinato veicolo, utilizza l'API ConstraintManager.

Esempi di modelli di griglia

I seguenti esempi di Android Auto e AAOS (Android Automotive OS) sono stati creati utilizzando il modello Griglia.

Griglia in cui alcuni elementi hanno testo secondario (esempio per Android Auto)

Griglia con l'icona di un articolo temporaneamente sostituita da una rotellina di caricamento e il testo principale di un altro elemento troncato perché la sua lunghezza supera lo spazio disponibile (esempio AAOS)

Requisiti UX dei modelli di griglia

Sviluppatori di app:

DOVREBBE	Limita la lunghezza delle stringhe di testo primarie e secondarie per evitare il troncamento.
DOVREBBE	Avere un'azione associata a ogni elemento della griglia (gli elementi di sola informazione non sono consigliati).
DOVREBBE	Indica chiaramente lo stato degli elementi (per gli elementi della griglia con più stati, ad esempio selezionati e deselezionati) in base a variazioni nell'immagine, nell'icona o nel testo.
NON DEVE	Includi contemporaneamente una striscia di azione e un pulsante di azione mobile.
MAG	Mostra una rotellina di caricamento al posto dell'icona o dell'immagine di un elemento della griglia quando è in corso un'azione associata all'elemento.