Listeler

Listeler, öğelerin kesintisiz ve dikey dizin dizinleridir. Wear OS'te liste oluşturmak için ScalingLazyColumn'u kullanın.

ScalingLazyColumn, Wear OS için özel olarak tasarlanmış bir LazyColumn özelleştirmesidir. Listeler, kullanıcıların neye odaklanacaklarını görmeleri için ekranın üst ve alt kısımlarında içeriğin küçültülmesine ve kaybolmasına olanak tanıyan ölçekleme ve şeffaflık sunar. Listeler ekranın ortasına sabitlenir, böylece listenin ortasındaki öğeler vurgulanır.

Listeler sabit veya değişken yükseklikte öğeler içerebilir. Liste içeriği, yuvarlak ekranlara sığabilecek kadar kenar boşluğuna sahip olmalıdır.

Dolgu

Öğeye bağlı olarak liste oluştururken standartlaştırılmış dolgular kullanılır. Daha karmaşık listeler için daha fazla dikey dolgu gerekirse boşluk, tutarlılık için 4 dp'nin katlarıyla ayarlanır.

Bölümler arasında

Üst, orta ve alt bölüm arasındaki dolgu 16 dp olarak ayarlanmalıdır.

Başlıklar ve içerikler arasında

Üst, orta ve alt bölüm arasındaki dolgu 12 dp olarak ayarlanmalıdır.

Aralıklar arasında

Orta bölümdeki alanlar arasındaki dolgu 16 dp olarak ayarlanmalıdır.

Gruplar arasında

Alan içindeki gruplar arasındaki dolgu 8 dp olarak ayarlanmalıdır.

Öğeler arasında

Bir grup içindeki öğeler arasındaki dolgu 4 dp olarak ayarlanmalıdır.

Yapıştırma davranışı

Kaydırırken bir liste öğesini vurgulamak için tutturmayı kullanın. Öğeler uzunsa ancak ekrandan uzun olmadığında tutturmayı kullanın.

Yapıştırma davranışı iki biçimde olur. ItemCenter, öğenin merkezini referans noktası olarak kullanır. ItemStart, öğenin kenarını referans noktası olarak kullanır. Ekranda bir öğeyi ortalamak için ilkini kullanın, ikincisini ekranda iki öğeyi ortalamak için kullanın. Bu davranışı anchorType parametresini kullanarak ayarlayın.

Listedeki tutturma davranışı üzerinde daha fazla kontrol sahibi olmak için flingBehavior modeli yerine ScalingLazyColumnDefaults.snapFlingBehavior modeli ve rotaryScrollableBehavior adlı yerden RotaryScrollableDefaults.snapBehavior adlı kullanıcıya.

Kullanım

Listelerin kol saatlerinde nasıl kullanılacağına dair örnekleri aşağıda bulabilirsiniz.

Uyarlanabilir düzenler

Aşağıdaki resimlerde, uyarlanabilir düzenlere ilişkin çeşitli örnekler gösterilmektedir. Örneğin, uygulama kılavuzu için farklı ekran boyutları için geliştirme sayfasını ziyaret edin.

Duyarlı davranış

Bileşenler, daha büyük ekranlarda mevcut genişliği dolduracak şekilde uzatılır.

Üst kenar boşlukları

Üst kenar boşlukları, üst bölümde hangi öğelerin bulunduğuna bağlı olarak değişiklik gösterir.

Liste Başlık ile başlar

Liste 1 veya 2+ düğmeyle başlıyor

Liste diğer öğelerle başlıyor

Alt kenar boşlukları

Alt kenar boşlukları, alt bölümde hangi öğelerin bulunduğuna bağlı olarak değişiklik gösterir.

Liste düğmelerle bitiyor

Liste başka öğelerle bitiyor

Yan kenar boşlukları

Yan kenar boşlukları, daha büyük ekranlarda ölçeklenebilirlik sağlamak için tüm liste türlerinde standart% 5,2'lik bir yüzde kullanır.

Dahili kenar boşlukları

Başlıklar

Başlıkların kırpılmaması için% 7,3'lük bir iç marj eklidir.

Alt düğmeler

Alt düğmeler, 225 ayrılma noktasından sonra mevcut genişliği doldurur. Görsel hiyerarşiyi korumak için büyük ekranlarda% 14, 56'lık bir dahili dolgu eklendi.