Uno stack è un elenco compresso che mostra un solo contenuto alla volta in una visualizzazione in pila, ad esempio una notifica o una scheda.
dell'AI
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.
Gli utenti navigano scorrendo o trascinando il dito sul touchpad avanti e indietro. Lo scorrimento dello stack consente di spostarsi tra gli elementi uno alla volta.
Utilizzare la profondità per indicare la messa a fuoco
Gli elementi della pila più in basso utilizzano una profondità di 0, mentre l'elemento più in alto utilizza una profondità di +2.
Gli stack possono essere attraversati un elemento alla volta
Quando vengono toccate, le pile possono presentare un elemento alla volta spostandosi verticalmente.
Quando vengono toccate, le pile possono diventare elenchi per mostrare più di un elemento alla volta. L'elenco deve utilizzare i contenitori e gli stati di messa a fuoco predefiniti.
Anatomia
Uno stack viene sempre compresso come componente di paginazione. L'elemento in alto è sempre il focus principale, con un bordo più spesso, a meno che non sia presente un pulsante attivato nidificato.
I bumper aiutano a rafforzare l'inizio e la fine di uno stack. Un'animazione a molla che riporta l'elenco in posizione quando viene rilasciato.
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.