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 pas et ne se présentent pas différemment.
Elles doivent se présenter et agir de manière presque identique. La pile est un conteneur pour ces commandes avec une logique intégrée pour la pagination.
Navigation dans les piles
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.
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, et 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.
Utiliser la profondeur pour indiquer la mise au point
Les éléments de pile inférieurs utilisent une profondeur de 0, tandis que l'élément supérieur utilise une profondeur de +2.
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é.
Lorsque vous balayez au-delà du début ou de la fin d'une pile, l'animation d'étirement standard s'affiche, ce qui renforce le début ou la fin d'une pile.
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é.
À faire
