Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
Il modello di scheda funge da contenitore per gli altri modelli elencati di seguito, fornendo schede nella parte superiore (come mostrato in Struttura del modello della scheda).
Le schede consentono di passare da una visualizzazione all'altra. Questa funzionalità è particolarmente utile per organizzare i contenuti o le visualizzazioni che gli utenti vorranno sfogliare o cercare.
Include:
Barra delle schede con l'icona dell'app e fino a 4 schede (senza pulsante Indietro)
Modello incorporato, che può essere uno dei seguenti tipi:
Ogni visualizzazione schede corrisponde a un modello incorporato e può essere attiva una sola visualizzazione schede alla volta.
Anatomia del modello della scheda
Il modello di scheda è costituito dai seguenti elementi:
Barra delle schede, che può mostrare fino a quattro schede
Modello incorporato, che utilizza uno dei seguenti modelli: Elenco, Griglia, Ricerca, Riquadro, Messaggio o Navigazione
Esempi di modelli di schede
La visualizzazione della scheda "Tutti i dispositivi" viene creata utilizzando un modello di scheda che
contiene un modello di elenco (esempio di Android Auto)La visualizzazione della scheda "Dispositivi per la casa" viene creata utilizzando un modello di scheda che contiene un modello di griglia (esempio di Android Auto)
Requisiti dell'UX dei modelli di schede
Sviluppatori di app:
DEVE
Fornisce icone vettoriali monocromatiche in ogni scheda.
DEVE
Includi da un minimo di 2 a un massimo di 4 schede nell'intestazione dell'app.
NON DEVE
Consenti l'attivazione di più di una scheda alla volta.
NON DEVE
Crea una navigazione secondaria aggiungendo un secondo livello di schede.
DOVREBBE
Utilizza etichette brevi per evitare il troncamento.
NON DEVE
Affidati a un'intestazione o una barra di azione nei modelli incorporati.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-07-23 UTC."],[[["The Tab template serves as a container for other templates, organizing content into a tabbed interface."],["It supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab."],["Apps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability."],["Only one tab can be active at a time, and embedded templates should avoid using their own headers."],["Tab templates are ideal for creating switchable views for content browsing or searching within an app."]]],[]]
