Jetpack Compose Glimmer'daki listeler

Geçerli XR cihazlar
Bu kılavuz, bu tür XR cihazlar için deneyimler oluşturmanıza yardımcı olur.
XR cihaz türleri hakkında bilgi edinin →
AI Glasses
XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'da listeler, yalnızca görünür öğeleri verimli bir şekilde oluşturmak için tasarlanmış, dikey olarak kaydırılabilir kullanıcı arayüzü bileşenleridir. Bu bileşenler, yapay zeka gözlüğü uygulamaları için belirli davranışlar ve giriş uyumluluğu sağlamak üzere tasarlanmıştır. Jetpack Compose Glimmer, VerticalList ve ListItem bileşenlerini kullanarak bunu gerçekleştirir.

Şekil 1. Jetpack Compose Glimmer'daki bazı farklı liste stillerinin örneği.

VerticalList, Jetpack Compose Glimmer'ın kaydırılabilir dikey içeriği görüntülemek için kullandığı bileşendir. LazyColumn ile aynı API işlevini sunar ancak davranışları özellikle Jetpack Compose Glimmer ve ekranlı yapay zeka gözlükleri için optimize edilmiştir.

Jetpack Compose Glimmer listelerinin birkaç benzersiz kısıtlaması vardır:

  • Listeler, bir görünümde yalnızca üç veya daha az öğe göstermelidir.
  • Bir liste, görünüme sığabilecekten daha fazla öğe içerdiğinde listenin sınırlarına yakın bir yerde siyah bir scrim kullanılır.

Örnek: Üç öğeli dikey liste görüntüleme

Aşağıdaki kodda, üç öğeden oluşan bir liste oluşturmak için VerticalList ve ListItem bileşenlerinin nasıl kullanılacağı gösterilmektedir:

@Composable
fun GlimmerListWithButtons() {
    VerticalList(
        contentPadding = PaddingValues(16.dp),
        verticalArrangement = Arrangement.spacedBy(20.dp)
    ) {
        items(count = 3) { index ->
            ListItem(
                onClick = { /* Handle Click */ },
                leadingIcon = if (index == 1) {
                    { Icon(Icons.Rounded.Favorite, "Favorite Icon") }
                } else null
            ) {
                Text("List Item + $index")
            }
        }
    }
}

Kodla ilgili önemli noktalar

  • Listede, her biri ListItem olan dinamik olarak oluşturulmuş üç öğe gösteriliyor.
  • Her ListItem özelleştirilebilir ve bunlara simge eklenebilir.