Ein Stapel ist eine minimierte Liste, in der jeweils nur ein Inhaltselement angezeigt wird, z. B. in einer gestapelten visuellen Darstellung wie einer Benachrichtigung oder Karte.
Grundsätze
Stacks sind Containerkomponenten und folgen daher denselben Designprinzipien wie Karten und Listen:
Containment: In Stacks werden verwandte Informationen und Aktionen in einer einzigen, leicht verständlichen Einheit zusammengefasst.
Fokus und Klarheit: Sie präsentieren Inhalte klar und fokussiert.
Vielseitigkeit: In Stacks können Karten und Benachrichtigungen angezeigt werden.
Einheitliche Darstellung: Die Stacks folgen einer einheitlichen visuellen Struktur.
Nutzung und Platzierung
Mit Stacks können Sie Nutzern zeigen, dass in einer Liste mehrere Elemente minimiert sind, ohne dass zu viele visuelle Elemente zu sehen sind. Es gibt zwei verschiedene Varianten von Stacks:
Kartenstapel
Benachrichtigungsstapel
Stacks sind eine Containerkomponente. Beide Versionen verhalten sich nicht anders und sehen auch nicht anders aus.
Beide sollten nahezu identisch aussehen und sich auch so verhalten. Der Stapel ist ein Container für diese Steuerelemente mit integrierter Logik für die Paginierung.
Die Nutzer navigieren, indem sie auf dem Touchpad vorwärts und rückwärts wischen oder ziehen. Beim Scrollen durch den Stapel wird jeweils nur ein Element angezeigt.
Tiefe verwenden, um den Fokus anzugeben
Für die unteren Stapelpositionen wird eine Tiefe von 0 verwendet, für die oberste Position eine Tiefe von +2.
Stapelspeicher können jeweils nur ein Element nach dem anderen durchlaufen werden
Bei Berührung können in Stapeln jeweils ein Element angezeigt werden, indem sie sich vertikal bewegen.
Bei Berührung können aus Stapeln Listen werden, um mehr als ein Element gleichzeitig anzuzeigen. In der Liste sollten Standardcontainer und Fokusstatus verwendet werden.
Anatomie
Ein Stapel wird immer als Paginierungskomponente minimiert. Das oberste Element ist immer der primäre Fokus und hat eine stärkere Rahmentiefe, es sei denn, es ist eine verschachtelte Schaltfläche aktiviert.
Bumper können das Ende und den Anfang eines Stacks hervorheben. Eine Federanimation, die die Liste nach dem Loslassen wieder an ihren Platz zurückschnappen lässt.
Personalisierung
Stapeln sind integrierte Scrims, Paging und Animationen zugewiesen, die nicht angepasst werden können. Stattdessen werden die Inhalte in den Stapeln angepasst.