Mostrare elementi nidificati con scorrimento in un elenco

Puoi visualizzare elementi nidificati con scorrimento all'interno di un elenco per presentare layout complessi, come cataloghi di prodotti, gallerie di contenuti multimediali, feed di notizie e altro ancora.

Compatibilità delle versioni

Questa implementazione richiede che il valore minSDK del progetto sia impostato sul livello API 21 o superiore.

Dipendenze

Implementare lo scorrimento orizzontale nidificato nell'elenco verticale

Il seguente codice genera un elenco che scorre in due direzioni. Le righe dell'elenco scorrono orizzontalmente, mentre l'elenco nel suo complesso (una singola colonna) scorre verticalmente.

@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

Risultati

Il video seguente mostra i comportamenti risultanti degli elenchi orizzontali nidificati all'interno di un elenco verticale scorrevole.

Raccolte che contengono questa guida

Questa guida fa parte di queste raccolte di guide rapide selezionate che coprono obiettivi di sviluppo Android più ampi:

Elenchi e griglie consentono alla tua app di mostrare le raccolte in un formato piacevole dal punto di vista visivo e facilmente fruibile dagli utenti.
Collezione di guide rapide
Scopri come le funzioni composable possono aiutarti a creare facilmente magnifici componenti dell'interfaccia utente basati sul sistema di progettazione Material Design.
Collezione di guide rapide
Questa serie di video introduce varie API Compose, mostrando rapidamente cosa è disponibile e come utilizzarle.
Collezione di guide rapide

Domande o feedback

Visita la nostra pagina delle domande frequenti e scopri le guide rapide o contattaci per farci sapere cosa ne pensi.
Vai alle domande frequenti Lascia un feedback