Yığınla

Yığın, aynı anda yalnızca bir içerik parçasını görüntüleyen daraltılmış bir listedir. Bu içerik parçası, bildirim veya kart gibi yığılmış bir görselde yer alır.

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

İlkeler

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

Kapsama: Gruplandırılmış öğeler, ilgili bilgileri ve işlemleri tek bir kolay 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 davranmaz veya görünmez. 

İkisi de neredeyse aynı görünmeli ve aynı şekilde çalışmalıdır. Yığın, bu kontroller için 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 öğelerini çerçevenin altına sabitleme

Gruplarda bir seferde tek bir öğe arasında geçiş yapılabilir

Dokunma girişi yapıldığında, gruplar dikey olarak hareket ederek tek seferde bir öğe gösterebilir.

Dokunma girişiyle birlikte, yığınlar aynı anda birden fazla öğe gösterebilmek 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 en üstteki öğe her zaman birincil odak noktasıdır ve daha kalın bir kenarlık derinliğiyle gösterilir.

Bumpers, bir yığının başlangıcını ve sonunu 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.