Jetpack Compose Glimmer'daki listeler

Uygun XR cihazlar
Bu kılavuz, bu tür XR cihazlar için deneyimler oluşturmanıza yardımcı olur.
Yapay Zeka Gözlükleri

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 destekli akıllı gözlük 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, kaydırılabilir dikey içerikleri görüntülemek için Jetpack Compose Glimmer'ın kullandığı bileşendir. LazyColumn ile aynı API işlevini sunar ancak davranışları özellikle Jetpack Compose Glimmer ve ekranlı yapay zeka destekli akıllı gözlükler için optimize edilmiştir.

Jetpack Compose Glimmer listelerinin bazı benzersiz kısıtlamaları vardır:

  • 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österilir.
  • Her ListItem özelleştirilebilir ve bunlara simge eklenebilir.