Listeler

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

İ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.

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.

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

cancel

Yapılmaması gerekenler:

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.

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.

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.

check_circle

Yapılması gerekenler

Yalnızca odaklanılan öğeyi vurgulayın. Bu sayede kullanıcılar odaklanılabilir kontrolleri keşfedebilir.

cancel

Yapılmaması gerekenler:

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.

A. Kapsayıcı - kaydırılabilir alan

B. Liste öğesi

C. Sistem çubukları

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.