Questa pagina è stata tradotta dall'API Cloud Translation.

Voci elenco

Una visualizzazione elenco mostra i contenuti come voci di riga in un elenco a colonna singola che scorre verticalmente. Questa visualizzazione è ideale quando gli utenti si affidano alla lettura del testo e alla visualizzazione dei dati per effettuare le proprie selezioni.

Gli elementi dell'elenco richiedono meno spazio verticale rispetto agli elementi della griglia, consentendo di visualizzare più elementi sullo schermo.

Componente Griglie

Le griglie forniscono una modalità di visualizzazione alternativa evidenziando le immagini.

Anatomia

In una visualizzazione elenco, ogni riga contiene un riquadro che rappresenta un elemento dell'elenco. Le azioni principali possono riempire il riquadro, in modo che gli utenti possano avviare un'azione da qualsiasi punto del riquadro. Per le azioni supplementari rappresentate da icone e testo, solo l'area contenente le icone e il testo è attivabile.

Specifiche

Elemento di elenco a riga singola

Elemento di elenco a due righe

Elemento di elenco a due righe invertito

Elemento di elenco multi-riga con intestazione

Elemento di elenco multi-riga senza intestazione

Elemento dell'elenco con testo in eccesso

Elemento elenco con azioni divise

Posizionamento dell'icona dell'indicatore negli elementi dell'elenco

Ridimensionamento dei layout

Questi layout di riferimento mostrano come adattare gli elementi dell'elenco per adattarsi a schermi di diverse larghezze e altezze. (Le categorie di larghezza e altezza sono definite nella sezione Layout .) Si noti che tutti i valori dei pixel sono espressi in pixel renderizzati, prima di qualsiasi sottocampionamento o sovracampionamento.

Disposizione

Margini, linee guida e spaziatura per diverse dimensioni dello schermo

Etichette di layout

Definizioni di E, M, KL, P, Flex

Schermi standard, ampi ed extra-ampi

Schermi standard, ampi ed extra-ampi con riquadro di contenuto

Schermi super-wide

Stili

Tipografia

Colore

Dimensionamento

Esempi