Android Academy · Lezione

Liste con LazyColumn

Visualizzi liste scorrevoli in modo efficiente.

Lezione 4 di 413 passaggi

Liste con LazyColumn è una lezione Android Academy gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Android Academy, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Android Academy include 4 lezioni in totale.

Perché non usare semplicemente una Column?

Una Column compone tutti i suoi elementi figli contemporaneamente. Per un elenco lungo o scorrevole, questo spreca memoria e rallenta l'interfaccia. Serve un elenco che costruisca solo gli elementi visibili.

Ecco LazyColumn

LazyColumn è un elenco verticale scorrevole che compone solo gli elementi attualmente sullo schermo, come il vecchio RecyclerView, ma in modo molto più semplice.

LazyColumn {
    items(messages) { msg ->
        Text(text = msg)
    }
}

La funzione items()

All'interno della lambda di LazyColumn si chiama items(list) e le si passa un composable per ogni elemento. Compose lo chiama in modo lazy mentre l'utente scorre.

LazyColumn {
    items(users) { user ->
        Text(text = user.name)
    }
}

Non è un ciclo normale

Non usi un normale ciclo for all'interno di LazyColumn: annullerebbe il comportamento lazy. Usi sempre items() (o itemsIndexed()), così Compose può costruire gli elementi su richiesta.

Un singolo elemento di intestazione

Usi item { } (al singolare) per aggiungere un elemento fisso, ad esempio un'intestazione, prima degli elementi del ciclo.

LazyColumn {
    item { Text("Header") }
    items(data) { Text(it) }
}

itemsIndexed

Quando ha bisogno della posizione, usi itemsIndexed per ottenere sia l'indice sia l'elemento.

LazyColumn {
    itemsIndexed(data) { index, value ->
        Text(text = "$index: $value")
    }
}

Chiavi per la stabilità

Fornisca una key stabile per ogni elemento, così Compose può tenere traccia correttamente degli elementi quando l'elenco cambia, migliorando le prestazioni e le animazioni.

items(users, key = { it.id }) { user ->
    Text(user.name)
}

Spaziatura degli elementi

LazyColumn accetta verticalArrangement e contentPadding per distribuire gli elementi e aggiungere padding ai bordi dell'elenco.

LazyColumn(
    verticalArrangement = Arrangement.spacedBy(8.dp),
    contentPadding = PaddingValues(16.dp)
) {
    items(data) { Text(it) }
}

LazyRow

Esiste anche LazyRow per gli elenchi a scorrimento orizzontale: stessa API, direzione diversa. È ideale per caroselli di schede.

LazyRow {
    items(images) { img ->
        Image(painter = img, contentDescription = null)
    }
}

Scorrimento integrato

Non aggiunga un modificatore di scorrimento a una LazyColumn: scorre automaticamente. Aggiungere verticalScroll causerebbe un conflitto e un arresto anomalo. Gli elenchi lazy gestiscono autonomamente lo scorrimento.

Ricapitolando

Un elenco di elementi con intestazione, chiavi e spaziatura.

@Composable
fun MessageList(messages: List<Message>) {
    LazyColumn(
        verticalArrangement = Arrangement.spacedBy(8.dp)
    ) {
        item { Text("Inbox") }
        items(messages, key = { it.id }) { msg ->
            Text(text = msg.text)
        }
    }
}

Verifica rapida

Qual è il principale vantaggio di LazyColumn rispetto a una Column scorrevole?

Rispondi nella lezione interattiva

Riepilogo

LazyColumn:

Costruisce solo gli elementi visibili: è efficiente per gli elenchi lunghi.
Usi items() / itemsIndexed(), non un ciclo for.
Aggiunga una key per la stabilità; usi item { } per le intestazioni.
Scorre automaticamente: non serve alcun modificatore di scorrimento. LazyRow è la versione orizzontale.

Gratis per iniziare

Impara Kotlin con un tutor IA — gratis

Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.

Corsi: 36
Lezioni: 152

Inizia a imparare gratis Visualizza il corso completo

Domande Frequenti

La lezione «Liste con LazyColumn» è gratuita?

Sì — il testo completo di «Liste con LazyColumn» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Android Academy, passa a CoddyKit PRO. Il corso Android Academy include 4 lezioni in totale.

Cosa imparerò in «Liste con LazyColumn»?

Visualizzi liste scorrevoli in modo efficiente. Eserciti Android Academy con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.

Ho bisogno di esperienza per iniziare Android Academy?

Non è richiesta alcuna esperienza precedente. Android Academy su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.

Quanto tempo richiede la lezione «Liste con LazyColumn»?

La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.

Posso scrivere ed eseguire codice in questa lezione Android Academy?

Sì. Ogni lezione Android Academy include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.

Tutte le lezioni di questo corso

← Torna a Android Academy