Uno stack è un elenco compresso che mostra un solo contenuto alla volta in una visualizzazione impilata, 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 è semplicemente un contenitore di questi controlli con una 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 inferiori della pila utilizzano una profondità di 0, mentre l'elemento superiore 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 riceve un input tattile, gli stack 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 nidificato attivo.
I bumper contribuiscono a rafforzare la fine/l'inizio di uno stack. Un'animazione a molla che riporta l'elenco in posizione quando viene rilasciato.
Personalizzazione
Gli stack hanno scrim, paginazione e animazioni integrati che non possono essere personalizzati. ma i contenuti all'interno degli stack sono personalizzati.