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.
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
ListItemolan dinamik olarak oluşturulmuş üç öğe gösterilir. - Her
ListItemözelleştirilebilir ve bunlara simge eklenebilir.