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, bildirim veya kart gibi yığılmış bir görselde gösterilir.

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

İlkeler

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

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 odaklanılmış 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, bu kontroller için bir kapsayıcıdır ve yerleşik sayfalama mantığına sahiptir. 

Yığın gezinme

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 öğelerini çerçevenin altına sabitleme

Gruplar, tek seferde bir öğe olacak şekilde gezilebilir.

Dokunma girişiyle birlikte, gruplar dikey olarak hareket ederek tek seferde bir öğe gösterebilir ve 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.

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

Odak noktasını belirtmek için derinliği kullanma

Alttaki öğeler 0 derinliğe sahipken en üstteki öğe +2 derinliğe sahiptir.

Anatomi

Yığınlar her zaman 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.

Bir yığının başlangıcını veya sonunu kaydırdığınızda standart esneme animasyonu gösterilir. Bu animasyon, yığının başlangıcını veya sonunu vurgular.

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.

Görsel gürültüyü azaltmak için kullanıcı arayüzü öğelerinin opaklığını kaydırma sırasında koruyun.
Kaydırma sırasında yığın öğelerindeki opaklığı ayarlayın.