Modello scheda

Il modello a schede funge da contenitore per altri modelli e consente di passare da una visualizzazione all'altra.

Questa funzionalità è particolarmente utile per organizzare contenuti o visualizzazioni che gli utenti vorranno cambiare frequentemente, ad esempio dispositivi disponibili, impostazioni e altro ancora.

Il modello di scheda include quanto segue:

  • Barra delle schede con l'icona dell'app e fino a 4 schede. Ogni scheda deve fornire sia un'icona che un titolo.
  • Modello incorporato, che può essere di uno dei seguenti tipi:

Ogni scheda corrisponde a un modello incorporato. Può essere attiva una sola scheda alla volta.

Esempio di modello a schede
Esempio del modello Scheda

Anatomia del modello di scheda

Modello di scheda con un elenco incorporato
Modello di scheda con una griglia incorporata
Modello di scheda con un riquadro incorporato
Modello di scheda con un messaggio incorporato
Modello di scheda con modello di navigazione incorporato
Modello di scheda con modello di ricerca incorporato

Requisiti UX del modello di scheda

MUST Fornisci icone per ogni scheda.
MUST Includi almeno 2 e non più di 4 schede.
SHOULD Utilizza etichette delle schede brevi per evitare il troncamento.
NON DEVE Affidati a un'intestazione o a una barra delle azioni nei modelli incorporati.

Risorse

Tipo Link
Riferimento API TabTemplate, TabTemplate.Builder