Listeler

Listeler, yerleşik kaydırma ve odaklanma özelliklerine sahip öğelerin kapsayıcılarıdır.

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

İlkeler

Net Düzen: Listeler, bilgileri net ve taranabilir bir dikey düzende sunmalıdır.

Tutarlı Öğe Sunumu: Liste öğeleri tutarlı bir görsel yapıya sahip olmalıdır.

Odaklanılabilirlik ve Gezinme: Yönlü gezinmeye dayalı arayüzlerde, listeler odaklanılan öğeyi net bir şekilde belirtmelidir.

Etkileşim: Liste öğeleri genellikle seçilebilir veya üzerinde işlem yapılabilir öğeleri temsil eder.

Kullanım ve Yerleşim

Listeler, tekrarlanabilir öğeler içeren çeşitli kardeş içerikler içerebilir. Listeler, yığınların aksine uygulama görünümü kapsayıcısını doldurur.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.
Listeler, bir görünümde bir veya daha fazla seçilebilir öğe gösterebilir.

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

Taşan içeriği belirtmek için karartma kullanma Bir liste, görünümün sınırlarına sığacak öğe sayısından daha fazla öğe içerdiğinde listenin sınırlarına yakın bir yerde siyah karartma kullanılır.

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

Gerekirse listelerde başlık kullanılabilir Listelerde, anlaşılırlığı artırmak için statik veya sabit bir başlık kullanılabilir.

Görünüm başına birden fazla liste olması, görsel olarak ve odaklanma açısından kafa karıştırıcıdır.

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

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

Liste öğeleri, odaklanılmamış ve odaklanılmış durumlar için 0 ile +4 derinlik arasında hareket eder.

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

Liste öğeleri üzerinde işlem yapılabilir

Bir listedeki öğeler işlem olarak kullanılabilir. İşlemi liste öğesiyle sınırlama

Başka bir şeyi kaydırabilseniz bile dokunulduğunda etkinleştirilecek kontrolü vurgulayın. Bir liste veya kart başka bir öğenin arkasında kaydırılabiliyorsa yalnızca dokunmaya yanıt veren öğeye odaklanın.

Yalnızca odaklanılan öğeyi vurgulayın. Bu sayede kullanıcılar odaklanılabilir kontrolleri keşfedebilir.
Odaklanılabilir birden fazla kullanıcı arayüzü öğesini vurgulamayın. Bu durum, dokunma girişine neyin bağlandığı konusunda kafa karışıklığına yol açar.

Anatomi

Liste, kaydırılabilir bir kapsayıcıdan ve eşit aralıklı liste öğelerinden oluşur. Öğe sayısı görüntü alanını aştığında listeler, minimum aşma ile dikey olarak kaydırılmalıdır.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. A. Kapsayıcı - kaydırılabilir alan

B. Liste öğesi

C. Sistem çubukları

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. List Item: Listedeki her bir öğe.

A. Şekil

B. Kenarlık

C. Ön simge

D. Metin içeriği

E. Takip göstergesi

Özelleştirme

Özelleştirmenin büyük bir kısmı liste öğeleriyle yapılır.

Özellikler Özelleştirme Varsayılanlar
Liste öğesi: Şekil Evet 40 dp
Liste öğesi: Öndeki ve sondaki simge Evet Orta Sembol Simgesi
Liste öğesi: Dolgu değerleri Evet 2d dp, 20 dp
Liste öğesi: İçerik Evet Tek satırlı: Body Small kullanılarak birincil etiket için bir Text composable Çift satırlı: Birincil ve ikincil etiket için iki Text composable içeren bir sütun Birincil: Title Small İkincil: Body Small
Liste: verticalArrangement Evet 20 dp