Yığınla

Yığın, aynı anda yalnızca bir içerik parçasını yığınlanmış bir görselde (ör. bildirim veya kart) gösteren daraltılmış bir listedir.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

İlkeler

Yığınlar bir kapsayıcı bileşendir. Bu nedenle, kartlar ve listelerle aynı tasarım ilkelerini paylaşır:

Kapsama: Gruplandırmalar, ilgili bilgileri ve işlemleri tek bir anlaşılır birimde gruplandırır.

Odaklanma ve Netlik: İçerikleri net ve odaklanmış bir şekilde sunar.

Çok yönlülük: Gruplar kartları ve bildirimleri gösterebilir.

Tutarlı Sunum: Gruplar, tutarlı bir görsel yapıya sahiptir.

Kullanım ve Yerleşim

Gruplar, bir listede daraltılmış birden fazla öğe olduğunu kullanıcılara göstermenin yanı sıra görünümdeki görsel öğeleri en aza indirmenin bir yoludur. İki farklı yığın varyantı vardır: 

Kart grupları

Bildirim grupları

Yığınlar bir kapsayıcı bileşendir. Her iki sürüm de farklı şekilde çalışmaz veya görünmez. 

İkisi de neredeyse aynı görünmeli ve aynı şekilde çalışmalıdır. Yığın, basitçe bu kontrollerin bulunduğu bir kapsayıcıdır ve yerleşik sayfalama mantığına sahiptir. 

Kullanıcılar, dokunmatik alanda ileri ve geri kaydırarak veya sürükleyerek gezinir. Grubu kaydırdığınızda her seferinde yalnızca bir öğe gösterilir.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. Odak noktasını belirtmek için derinliği kullanma

Alttaki yığın öğeleri 0 derinliğe sahipken en üstteki öğe +2 derinliğe sahiptir.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. Gruplarda öğeler arasında tek tek geçiş yapılabilir

Dokunma girişiyle birlikte, gruplar dikey olarak hareket ederek her seferinde bir öğe gösterebilir.

Dokunma girişiyle birlikte, yığınlar tek seferde birden fazla öğe göstermek için listelere dönüşebilir.  Liste, varsayılan kapsayıcıları ve odak durumlarını kullanmalıdır.

Anatomi

Yığın her zaman bir sayfalama bileşeni olarak daraltılır. İç içe yerleştirilmiş etkin bir düğme yoksa her zaman en üstteki öğe birincil odak noktasıdır ve daha kalın bir kenarlık derinliğiyle gösterilir.

Bumper'lar, bir yığının sonunu/başını güçlendirmeye yardımcı olur. Liste serbest bırakıldığında yerine geri oturtan bir yay animasyonu.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

Özelleştirme

Yığınlarda özelleştirilemeyen yerleşik karartma, sayfalama ve animasyonlar bulunur. Bunun yerine, gruplardaki içerik özelleştirilir.