Liste içinde iç içe kaydırılabilir öğeler görüntüleme

Ürün katalogları, medya galerileri, haber özet akışları gibi karmaşık düzenler sunmak için bir liste içinde iç içe yerleştirilmiş kaydırılabilir öğeler gösterebilirsiniz.

Sürüm uyumluluğu

Bu uygulama için projenizin minSDK değerinin API düzeyi 21 veya üstü olarak ayarlanması gerekir.

Bağımlılıklar

Dikey listede iç içe yerleştirilmiş yatay kaydırma özelliğini uygulama

Aşağıdaki kod, iki yönde kaydırılan bir liste oluşturur. Listenin satırları yatay olarak kaydırılır; liste ise tek bir sütun olarak dikey olarak kaydırılır.

@Composable
fun NestedScrollingRowsList(urls: List<String>) {
    LazyColumn {
        items(10) {
            LazyRow {
                item { Text("Row: $it") }
                items(urls.size) { index ->
                    // AsyncImage provided by Coil.
                    AsyncImage(
                        model = urls[index],
                        modifier = Modifier.size(150.dp),
                        contentDescription = null
                    )
                }
            }
        }
    }
}
NestedScrollingItem.kt

Sonuçlar

Aşağıdaki videoda, dikey kaydırmalı bir liste içinde iç içe yerleştirilmiş yatay listelerin ortaya çıkardığı davranışlar gösterilmektedir.

Bu kılavuzu içeren koleksiyonlar

Bu kılavuz, daha geniş Android geliştirme hedeflerini kapsayan, özel olarak seçilmiş Hızlı Kılavuz koleksiyonlarından biridir:

Listeler ve ızgaralar, uygulamanızın koleksiyonları kullanıcıların kolayca kullanabileceği, görsel açıdan hoş bir biçimde göstermesine olanak tanır.
Hızlı rehber koleksiyonu
Birleştirilebilir işlevlerin, Materyal Tasarım tasarım sistemine dayalı güzel kullanıcı arayüzü bileşenleri oluşturmanızı nasıl kolaylaştırabileceğini öğrenin.
Hızlı rehber koleksiyonu
Bu video serisinde, çeşitli Compose API'leri tanıtılır ve mevcut API'ler ile bunların nasıl kullanılacağı hızlıca gösterilir.
Hızlı rehber koleksiyonu

Sorularınız veya geri bildiriminiz mi var?

Sık sorulan sorular sayfamıza giderek kısa kılavuzlar hakkında bilgi edinebilir veya bize ulaşarak düşüncelerinizi bizimle paylaşabilirsiniz.
SSS'ye gidin Geri bildirim gönderin