Jetpack Compose Glimmer'da liste öğeleri

Uygun 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 →
Görüntüleme Gözlüğü
XR cihaz türleri hakkında bilgi edinin →

Jetpack Compose Glimmer'da ListItem, tek bir içerik satırını görüntülemek için kullanılan standart bileşendir. Liste öğeleri, ekran gözlüklerinin odak tabanlı etkileşimi için tasarlanmıştır. Bu nedenle, odak kazanıldığında yerleşik bir görsel yanıt sağlar.

Bileşenin iki aşırı yüklemesi vardır: biri işlemleri tetikleyen öğeler için onClick parametresiyle, diğeri ise tıklama işlemi gerektirmeyen bilgilendirici içerikler için yalnızca odaklanılabilir bir sürümle.

Şekil 1. Jetpack Compose Glimmer'da farklı liste öğesi stillerine sahip iki liste örneği.

Listelerdeki kullanım

Liste öğeleri, liste içindeki satırlar için birincil tercihtir. Ancak listeler, farklı görsel vurgular sağlamak için Card veya TitleChip gibi başka bileşenleri de barındırabilir.

Liste öğeleri, diğer öğeler için kullanılan Card ve TitleChip bileşenleriyle uyumlu olması için birincil metinlerinde headlineContent yuvasını kullanır.

Örnek: Temel liste öğesi

Aşağıdaki kod, temel bir liste öğesi oluşturur:

@Composable
fun ListItemSample() {
    ListItem { Text("This is a list item") }
}

Örnek: Destekleyici etiket ve simgeler içeren liste öğesi

Aşağıdaki kod, destekleyici etikete ve hem öndeki hem de sondaki simgelere sahip bir liste öğesi oluşturur:

@Composable
fun ListItemWithIconsSample() {
    ListItem(
        leadingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") },
        trailingIcon = { Icon(FavoriteIcon, contentDescription = "Favorite") }
    ) {
        Text("This is a list item with icons")
    }
}