Schede

Le schede organizzano i contenuti in diversi set di dati, schermate e interazioni. Le schede possono essere utilizzate per alternare la visualizzazione di gruppi di informazioni distinti e correlati.

Copertina delle schede

Risorse

Tipo Collega Stato
Progettazione Origine progettazione (Figma) Disponibile
Implementazione Jetpack Compose Disponibile

In evidenza

  • Le schede possono scorrere in orizzontale. Una UI può avere tutte le schede necessarie.
  • Le schede organizzano i contenuti in categorie per aiutare gli utenti a trovare rapidamente diversi tipi di informazioni.
  • Le schede vengono visualizzate l'una accanto all'altra come app peer, in categorie di uguale importanza.

Varianti

Esistono due tipi di indicatori di schede:

Pillola per le schede Schede sottolineate
  1. Indicatore della pillola
  2. Indicatore a barre

Scegli il tipo giusto in base all'enfasi. Le schede con indicatori a pillole sono consigliate per organizzare le pagine intere. Mostrano le destinazioni principali dei contenuti. Le schede con indicatori a barre vengono utilizzate all'interno di un'area di contenuti per separare ulteriormente i contenuti correlati e stabilire la gerarchia.

Anatomia

Anatomia delle schede

  1. Icona (facoltativa)
  2. Casa discografica
  3. Indicatore attivo
    1. Pastiglia
    2. Bar
  4. Contenitore

Stati

Stati delle schede

  1. Predefinito
  2. Concentrazione
  3. Opzione selezionata

Specifiche tecniche

Anatomia delle schede

Comportamento

Quando passi da una scheda a quella successiva, anche i contenuti sottostanti scorrono a sinistra o a destra in base al movimento della scheda.