Ora abbiamo capito la differenza tra i colon pigri e la riga pigra e come implementarli.
Diamo un'occhiata alla firma per i colon pigri e la riga pigra.
Qui il colon pigro può vedere il padding del contenuto dello stato modificatore, il layout inverso,
la disposizione verticale, l'allineamento orizzontale, il comportamento di flinch, lo scorrimento dell'utente abilitato e il contenuto.
Il parametro più importante da notare è il contenuto, che rappresenta il contenuto dell'elenco.
Questo contenuto è di tipo scoop a lista pigra e non il solito tipo componibile.
Passiamo all'elenco dei pigri.
Scoop, Ctrl e clic sinistro.
È possibile vedere questa interfaccia chiamata Lazy List Scoop.
Questa interfaccia fornisce una serie di funzioni che aiutano a costruire gli elenchi.
Ad esempio, abbiamo la funzione item, che consente di aggiungere un nuovo elemento componibile all'elenco.
Si noti che è possibile utilizzare ogni volta tipi componibili diversi.
Poi c'è la funzione "oggetti".
La funzione Items consente di impostare un elenco di dati degli elementi che si desidera utilizzare in ogni voce dell'elenco.
Una volta impostati i dati, occorre anche fornire un contenuto dell'elemento,
che è un elemento componibile utilizzato per visualizzare ogni elemento dell'elenco.
E questo è ciò che abbiamo usato prima di usare gli elementi in Lazy row e lazy column.
Poi abbiamo un'intestazione appiccicosa.
Si tratta di una funzione che consente di impostare l'intestazione componibile che rimarrà visibile nella
parte superiore dell'elenco anche dopo lo scorrimento verso il basso per vedere i nuovi elementi.
Si noti che questa funzione è annotata con Experimental Foundation API, il che significa
che è ancora in fase sperimentale e potrebbe cambiare o essere rimossa in futuro.
Quindi torniamo indietro.
Qui utilizzerò i miei colon pigri e creerò un nuovo elemento per i colon pigri.
Li rimuovo e li sostituisco con l'articolo uno e così via.
Il colon pigro.
Abbiamo questo elenco.
Abbiamo dieci articoli.
Sto usando gli elementi all'interno dei colon pigri, in modo da poter usare il mio elemento personalizzato per aggiungere un singolo elemento.
Quindi, invece di usare gli oggetti, userò l'oggetto.
E all'interno di questo elemento creerò un testo.
Lo imposterò come titolo per gli articoli.
Eseguiamo la nostra applicazione e possiamo notare che il
titolo degli elementi viene visualizzato prima dell'elenco degli elementi.
Per chiarire meglio, possiamo usarlo con più parametri, aumentare la
dimensione dei caratteri, eseguire di nuovo l'applicazione ed ecco fatto.
È possibile vedere il titolo degli articoli.
Punto uno, due, tre e dieci.
Creiamo uno scrollabile.
Aumentare gli elementi dell'elenco per renderlo scorrevole.
Quindi ecco.
Eseguire l'applicazione.
Ho aggiunto 15 voci all'elenco ed eccoci qui.
Questa è la nostra lazycolumn scorrevole.
E come già detto, abbiamo una funzione componibile con intestazione appiccicosa all'interno del DSL pigro.
Possiamo usarlo.
Quindi, all'interno della lazycolumn utilizziamo la funzione item e la funzione items.
Posso creare un'intestazione appiccicosa utilizzando l'intestazione appiccicosa.
Aggiunta dell'annotazione opt in API di fondazione sperimentale.
Ancora una volta, ragazzi, questa è un'intestazione appiccicosa e annotata con API e
notazioni di fondazione sperimentali, e potrebbe o meno essere rimossa in futuro.
Aggiornamenti di Jetpack Compose In Jetpack Compose, la colonna Lazycolumn supporta le intestazioni appiccicose,
ovvero intestazioni che si attaccano alla parte superiore dello schermo mentre si scorre l'elenco.
Purtroppo, Lazy Row non supporta in modo nativo le intestazioni appiccicose, perché il
concetto di intestazione appiccicosa è più comune in contesti di scorrimento verticale.
Per aggiungere un'intestazione appiccicosa, si usa la funzione sticky header all'interno dello scoop lazycolumn, come abbiamo fatto in precedenza.
Questa funzione consente di definire i Composable che rimarranno nella parte
superiore dello schermo finché una nuova intestazione non li farà sparire.
Ad esempio, inizierò a creare un nuovo testo.
Qui lo imposterò come intestazione adesiva.
Dimensione del carattere per lo sfondo del punto del modificatore SP TSP e impostare il colore di sfondo della scrivania in blu.
Eseguiamo la nostra applicazione e vediamo l'intestazione appiccicosa.
Scorriamo gli articoli.
L'intestazione appiccicosa è ancora in alto, quindi gli elementi di
ciascun gruppo sono visualizzati in basso con le rispettive intestazioni.
Durante lo scorrimento, ogni intestazione rimane in alto fino allo scorrimento dell'intestazione successiva.
La funzione di intestazione appiccicosa viene utilizzata per creare un'intestazione che si attacca alla parte superiore dello schermo.
L'intestazione componibile può essere personalizzata a seconda delle esigenze, quindi Sticky Header consente di
creare elenchi più organizzati e leggibili, soprattutto quando si tratta di dati raggruppati.
Fornisce un modo nativo e semplice per raggruppare le
intestazioni delle sezioni visibili durante lo scorrimento dell'elenco.