Verschachtelte scrollbare Elemente in einer Liste anzeigen

Sie können verschachtelte scrollbare Elemente in einer Liste anzeigen, um komplexe Layouts wie Produktkataloge, Mediengalerien oder Nachrichtenfeeds zu präsentieren.

Versionskompatibilität

Für diese Implementierung muss das minSDK Ihres Projekts auf API-Level 21 oder höher festgelegt sein.

Abhängigkeiten

Verschachteltes horizontales Scrollen in vertikaler Liste implementieren

Der folgende Code erzeugt eine Liste, die in zwei Richtungen scrollt. Die Zeilen der Liste werden horizontal gescrollt, die Liste als Ganzes (eine einzelne Spalte) vertikal.

@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

Ergebnisse

Das folgende Video zeigt das Verhalten verschachtelter horizontaler Listen in einer vertikal scrollbaren Liste.

Sammlungen, die diesen Leitfaden enthalten

Dieser Leitfaden ist Teil der folgenden ausgewählten Sammlungen von Kurzanleitungen, die allgemeinere Ziele der Android-Entwicklung abdecken:

Mit Listen und Rastern können Sie Sammlungen in Ihrer App in einer visuell ansprechenden Form präsentieren, die für Nutzer leicht zu konsumieren ist.
Sammlung von Kurzanleitungen
Hier erfahren Sie, wie Sie mit kombinierbaren Funktionen ganz einfach ansprechende UI-Komponenten auf der Grundlage des Material Design-Designsystems erstellen können.
Sammlung von Kurzanleitungen
In dieser Videoreihe werden verschiedene Compose APIs vorgestellt. Sie erhalten einen schnellen Überblick über die verfügbaren APIs und ihre Verwendung.
Sammlung von Kurzanleitungen

Hast du Fragen oder Feedback?

Auf unserer Seite mit häufig gestellten Fragen finden Sie Kurzanleitungen. Sie können sich auch gern an uns wenden.
Zu den FAQs Feedback geben