Une pile est une liste repliée qui n'affiche qu'un seul élément de contenu à la fois, dans un élément visuel empilé, tel qu'une notification ou une carte.
Principes
Les piles sont des composants de conteneur. Elles partagent donc les mêmes principes de conception que les cartes et les listes :
Structuration : les piles regroupent des informations et des actions associées dans une seule unité facile à comprendre.
Clarté et précision : elles présentent le contenu de manière claire et précise.
Polyvalence : les piles peuvent afficher des cartes et des notifications.
Présentation cohérente : les piles suivent une structure visuelle cohérente.
Utilisation et emplacement
Les piles permettent de montrer aux utilisateurs que plusieurs éléments sont repliés dans une liste, tout en réduisant le nombre d'éléments visuels visibles. Il existe deux variantes de piles :
Piles de cartes
Piles de notifications
Les piles sont des composants de conteneur. Les deux versions n'agissent ni ne se présentent différemment.
Les deux doivent se ressembler et fonctionner de manière presque identique. La pile est un conteneur pour ces commandes avec une logique de pagination intégrée.
Les utilisateurs naviguent par balayage ou en faisant glisser le doigt vers l'avant et vers l'arrière sur le pavé tactile. Faire défiler la pile ne permet de parcourir qu'un seul élément à la fois.
Utiliser la profondeur pour indiquer la mise au point
Les éléments inférieurs de la pile utilisent une profondeur de 0, tandis que l'élément supérieur utilise une profondeur de +2.
Les piles peuvent être parcourues élément par élément
Lors d'une saisie tactile, les piles peuvent présenter un élément à la fois en se déplaçant verticalement.
Lors d'une saisie tactile, les piles peuvent se transformer en liste pour afficher plusieurs éléments à la fois. La liste doit utiliser les conteneurs et les états de focalisation par défaut.
Anatomie
Une pile est toujours repliée en tant que composant de pagination. L'élément supérieur est toujours le point de focalisation principal, avec une profondeur de bordure plus importante, sauf s'il existe un bouton imbriqué activé.
Les bumpers permettent de renforcer le début et la fin d'une pile. Animation de rétroaction qui remet la liste en place lorsqu'elle est relâchée.
Personnalisation
Les piles sont dotées d'un scrim, d'une pagination et d'animations intégrés qui ne peuvent pas être personnalisés. C'est le contenu des piles qui peut être personnalisé.