Kapsamlı liste, bir içerik satırı ile seçili öğenin önizlemesinin birleşimidir. İçeriği daha geniş bir görüntü alanında öne çıkarır.
Kaynaklar
Tür | Bağlantı kur | Durum |
---|---|---|
Tasarım | Tasarım kaynağı (Figma) | Kullanılabilir |
Uygulama | Jetpack Compose | Kullanılabilir |
Öne çıkanlar
- Dinamik içerik önizlemesi. Kullanıcı içerik satırında gezindiğinde önizleme alanı o anda odaklanılan öğeyi görüntüleyecek şekilde otomatik olarak güncellenir.
- Kapsamlı liste bileşeni, içeriğin görüntülenmesi için daha geniş bir görüntü alanına sahiptir. Böylece, kullanıcıların odaklanılan öğenin görsel ayrıntılarını görüntülemesi ve değerlendirmesi kolaylaşır.
- Kapsamlı listeler, odaklanılan öğeyle ilgili ve bağlamsal bilgiler sağlayarak kullanıcıların göz atma deneyiminden ayrılmadan bilinçli kararlar vermelerine yardımcı olur.
- Kapsamlı liste bileşeni, kullanıcılar gezinirken içerik hakkında daha fazla ayrıntı göstermek, bilişsel yükü azaltmak ve kullanıcı etkileşimini korumak için kademeli açıklama özelliğini kullanır.
- Kapsamlı liste bileşeni, uygulama genelinde tutarlı etkileşimler sağlayarak kullanıcılara tanıdık ve tahmin edilebilir bir deneyim sunar.
Anatomi
- Resim arka planı
- İçerik engelleme
- Kart odakta
- İçerik tablosu
- Sinematik çekim
- Afiş
- Arka plan rengi
Özellikler
Davranış
Yoğun içerik listesindeki kartlar arasında gezinirken, seçilen kartın ayrıntıları arka planda kademeli olarak gösterilir.
Tam sayfa liste odaklanıldığında, aşağıdaki videoda gösterildiği gibi arka plan başlığı ve açıklama gibi ek bilgilerin gösterilmesi için yüksekliği artar.
Kullanım
Yeni çıkanlar, popüler şovlar veya özel başlıklar gibi öne çıkan veya tanıtılan içeriklere dikkat çekmek istediğinizde etkileyici bantları kullanın. Daha büyük görüntü alanı ve dinamik önizleme, bu yüksek öncelikli öğeleri sergilemek için cazip bir yol sunar.
Resim görüntüleme
- Kart odağı: Kullanıcı, bantta gezinirken odaklanılan kart görsel olarak vurgulanır, kartın 1, 1 ölçeğinde ölçeklenir, bir kenarlık kullanılır ve seçimini belirten yükseklik olarak diğer görsel işaretler kullanılır. Odaklanılan kartın küçük resmindeki içerik başlıklarının net bir şekilde görülebildiğinden ve daha kolay okunduğundan emin olun.
- Arka plan resmi: Bir kart odaktayken, daha geniş görüntü alanında ilgili bir arka plan resmi gösterilir. Bu arka plan resminin, içerik için sürükleyici ve ilgi çekici bir arka plan sunduğundan yüksek kaliteli ve görsel açıdan çekici olmasını öneririz.
Beste
![](https://developer.android.com/static/design/ui/tv/guides/components/images/immersive-list/immersive-list-image-composition-do.webp?authuser=5&hl=tr)
Yapılması gerekenler
![](https://developer.android.com/static/design/ui/tv/guides/components/images/immersive-list/immersive-list-image-composition-dont.webp?authuser=5&hl=tr)
Yapılmaması gerekenler:
Yoğun içerik listesi bileşeninde arka plan olarak kullanılan resimlerin iyi görünmesini sağlamak için bunları bulanık veya bozuk olmayacak şekilde uygun şekilde ölçeklendirdiğinizden emin olun.
En boy oranı
Görsel olarak çekici ve tutarlı bir sayfa düzeni sağlamak için mümkün olduğunda arka plan resimleri için 16:9 en boy oranını kullanın.