Uno stack è un elenco compresso che mostra un solo contenuto alla volta in una visualizzazione in pila, ad esempio una notifica o una scheda.
Principi
Gli stack sono un componente contenitore, quindi condividono i principi di progettazione con le schede e gli elenchi:
Contenimento: gli stack raggruppano informazioni e azioni correlate in un'unica unità facilmente fruibile.
Concentrazione e chiarezza: presentano i contenuti in modo chiaro e mirato.
Versatilità: gli stack possono mostrare schede e notifiche.
Presentazione coerente: gli stack seguono una struttura visiva coerente.
Utilizzo e posizionamento
Gli stack sono un modo per mostrare agli utenti che in un elenco sono compressi più elementi, riducendo al minimo gli elementi visivi visualizzati. Esistono due varianti diverse di stack:
Pile di schede
Stack di notifiche
Gli stack sono un componente contenitore, entrambe le versioni non agiscono né appaiono in modo diverso.
Entrambi dovrebbero avere un aspetto e un comportamento quasi identici. Lo stack è un contenitore per questi controlli con logica integrata per la paginazione.
Navigazione a stack
Gli utenti navigano scorrendo o trascinando il dito sul touchpad avanti e indietro. Lo scorrimento della pila consente di spostarsi di un solo elemento alla volta.
Gli stack possono essere attraversati un elemento alla volta.
Quando vengono toccate, le pile possono presentare un elemento alla volta spostandosi verticalmente e diventare elenchi per mostrare più di un elemento alla volta. L'elenco deve utilizzare i contenitori e gli stati di messa a fuoco predefiniti.
Utilizzare la profondità per indicare lo stato attivo
Gli elementi della pila inferiore utilizzano una profondità di 0, mentre l'elemento superiore utilizza una profondità di +2.
Anatomia
Uno stack viene sempre compresso come componente di paginazione. L'elemento in primo piano è sempre il focus principale, con un bordo più spesso, a meno che non sia presente un pulsante attivato nidificato.
Se scorri oltre l'inizio o la fine di una pila, viene visualizzata l'animazione di allungamento standard, che rafforza l'inizio o la fine di una pila.
Personalizzazione
Gli stack hanno un velo, una paginazione e animazioni integrate che non possono essere personalizzate. ma i contenuti all'interno degli stack sono personalizzati.
Cosa fare
