Afficher des éléments déroulants imbriqués dans une liste

Vous pouvez afficher des éléments à faire défiler imbriqués dans une liste pour présenter des mises en page complexes, telles que des catalogues de produits, des galeries multimédias, des flux d'actualités, etc.

Compatibilité des versions

Cette implémentation nécessite que la version minimale du SDK de votre projet soit définie sur le niveau d'API 21 ou supérieur.

Dépendances

Implémenter le défilement horizontal imbriqué dans une liste verticale

Le code suivant produit une liste qui peut défiler dans les deux sens. Les lignes de la liste défilent horizontalement, tandis que la liste dans son ensemble (une seule colonne) défile verticalement.

@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
                    )
                }
            }
        }
    }
}

Résultats

La vidéo suivante montre les comportements résultant des listes horizontales imbriquées dans une liste à défilement vertical.

Collections contenant ce guide

Ce guide fait partie de ces collections de guides rapides sélectionnées qui couvrent des objectifs de développement Android plus larges:

Les listes et les grilles permettent à votre application d'afficher des collections sous une forme visuellement attrayante et facile à utiliser pour les utilisateurs.
Découvrez comment les fonctions composables peuvent vous permettre de créer facilement de beaux composants d'interface utilisateur basés sur le système de conception Material Design.
Cette série de vidéos présente différentes API Compose, vous montrant rapidement ce qui est disponible et comment les utiliser.

Vous avez des questions ou des commentaires ?

Consultez notre page des questions fréquentes et découvrez les guides rapides, ou contactez-nous pour nous faire part de vos commentaires.