Modello di elenco

Il modello Elenco presenta una raccolta a scorrimento verticale di righe o elementi di conversazione. Gli elenchi sono utili quando gli utenti devono sfogliare rapidamente gli elementi in un formato di testo, ad esempio i luoghi visitati di recente o i brani in coda.

Con il modello Elenco puoi:

  • Indica uno stato di caricamento.
  • Suddividi gli elenchi in sezioni utilizzando i sottoelenchi.
  • Utilizza le righe come opzioni o pulsanti di opzione.

Puoi anche fornire una navigazione a schede incorporando elenchi nel modello Scheda e mostrare un elenco su una mappa utilizzando il modello Mappa + Contenuti.

Modello di elenco
Modello di elenco con sezioni
Modello di elenco in una mappa

Include:

  • Intestazione facoltativa: quando questo modello viene incorporato nel modello Scheda, l'intestazione viene sostituita dalle schede.
  • Elementi dell'elenco (in cui il numero di elementi e la quantità di testo in una riga possono variare):
    • Numero di elementi dell'elenco. Il numero di elementi che possono essere visualizzati dipende dal veicolo. Per recuperare il limite di righe dell'elenco per un determinato veicolo, utilizza l'API ConstraintManager.
    • Quantità di testo per elemento. Il testo secondario nelle righe dell'elenco può essere più lungo di due righe quando è parcheggiato. Consulta Altro testo dell'elenco quando l'auto è parcheggiata.
  • Pulsante di azione mobile facoltativo

Per scoprire di più su cosa puoi fare con le righe nel modello Elenco, consulta Opzioni per le righe solo per il modello Elenco e gli esempi in Flussi di esempio.

Più testo negli elenchi quando l'auto è parcheggiata

La quantità di testo secondario consentita in ogni riga dell'elenco varia a seconda che l'auto sia parcheggiata o in movimento. Per ridurre al minimo le distrazioni, il testo viene troncato a 2 righe durante la guida. Qualsiasi testo destinato alla lettura durante la guida deve essere visualizzato all'inizio del testo secondario.

In movimento
Parcheggiato

Requisiti UX del modello di elenco

MUST Includi un'intestazione di sezione quando sono presenti sezioni.
NON DEVE Combina righe di elenchi selezionabili (righe con pulsanti di opzione) con altri tipi di righe o separale con sezioni.
SHOULD Presentare le selezioni predefinite negli elenchi selezionabili.
SHOULD Avere un'azione associata a ogni elemento dell'elenco (le righe solo informative non sono consigliate).
SHOULD Posiziona i contenuti nel testo secondario che deve essere letto durante la guida all'inizio, per evitare il troncamento.
SHOULD Includi un'intestazione con un titolo facoltativo e azioni principali e secondarie.
MAG Dividere i contenuti dell'elenco in sezioni.
MAG Mescola le righe con i pulsanti di attivazione/disattivazione con altre righe in base alle necessità.
MAG Aggiorna il testo della riga e l'immagine o l'asset icona quando l'utente modifica lo stato del pulsante di attivazione/disattivazione.

Risorse

Tipo Link
Riferimento API ListTemplate, ListTemplate.Builder