Salve sviluppatori e bentornati.
Nei video precedenti avete imparato a conoscere i diversi elementi di compose e
a raggrupparli e posizionarli all'interno dei layout per creare interfacce utente complesse.
Utilizzando queste conoscenze, è possibile creare la maggior parte delle schermate possibili.
Tuttavia, non avete imparato a costruire uno dei componenti più comuni dell'interfaccia utente delle applicazioni mobili, ovvero
cosa succede quando si devono visualizzare più elementi di quanti se ne possano inserire sullo schermo.
In questo caso, anche se gli elementi sono tutti composti,
le dimensioni limitate dello schermo impediscono di vederli tutti.
Ci sono anche situazioni in cui si desidera aggiungere dinamicamente nuovi elementi sullo schermo
e poterli comunque vedere tutti, come ad esempio il feed dei social media.
La soluzione a questo problema consiste nel permettere ai contenuti di scorrere in verticale o in orizzontale.
In questa sezione impareremo ad aggiungere la funzionalità di scorrimento per i nostri layout.
Poi introdurremo le liste e le schede di Jetpack Compose.
All'interno di questa colonna creerò tre immagini.
Iniziamo con la prima immagine componibile.
Qui dovrei specificare il pittore.
Copio queste immagini e le incollo nella cartella drawable di Android Studio.
Foto uno, foto due e foto tre.
Ho bisogno di visualizzarli all'interno di jetpack Compose painter resource sono il punto disegnabile
pic uno il contenuto descrizione pic uno guadagno Ho bisogno di creare un'altra immagine.
Foto due e foto tre.
Qui ho bisogno di aggiungere un'altra proprietà per queste immagini, che è la scala del contenuto Limiti di riempimento della scala del contenuto.
Ok, è molto semplice.
Ora visualizziamo la nostra colonna scorrevole all'interno di Setcontent.
Eseguite l'applicazione ed ecco il risultato.
Possiamo vedere che l'immagine1 viene visualizzata correttamente.
La seconda immagine non viene visualizzata correttamente e la terza non viene visualizzata.
La soluzione consiste nel rendere la colonna scrollabile per consentire la
corretta visualizzazione delle tre immagini con le loro dimensioni reali.
Creare una funzionalità scrollabile per la colonna.
Quindi, per rendere la colonna scrollabile, occorre richiamare lo scorrimento verticale all'interno del modificatore.
Quindi, qui il modificatore di modifica e ho bisogno di usare lo scorrimento verticale.
Qui è necessario passare il ricordo dello stato di scorrimento.
Crea uno stato di scorrimento basato sull'orientamento dello scorrimento e mantiene la
posizione dello scorrimento in modo da non perderla dopo la decomposizione.
In questo caso viene visualizzato un colon, un elenco verticale di elementi.
Ma se gli articoli non sono più adatti allo schermo,
questo sarà scorrevole e sarà possibile esaminare ogni singolo articolo.
Eseguiamo la nostra applicazione.
Qui potete vedere il risultato.
Questa è l'immagine numero uno.
Questa è la foto numero due.
E questa è la foto numero tre.
Così siamo riusciti a visualizzare le tre immagini in una colonna scorrevole.
Ora analizziamo in profondità lo scorrimento verticale e il modificatore.
Se passiamo allo scorrimento verticale, possiamo vedere un comportamento di riempimento abilitato e lo scorrimento inverso.
Lo stato di scorrimento è lo stato attuale dello scorrimento.
Determina l'offset dall'alto e può anche avviarsi o fermarsi.
Scorrimento fluido e flinch Animazione abilitata abilita o disabilita lo scorrimento Se
è disabilitato, è ancora possibile scorrere programmaticamente alla posizione specifica utilizzando la
proprietà state, ma l'utente non può utilizzare i gesti di scorrimento.
Comportamento di flessione.
Viene utilizzato per eseguire un'animazione di flinch con una determinata velocità.
Lo scorrimento inverso consente di invertire la direzione di scorrimento.
In altre parole, impostando true si può scorrere verso l'alto.
Si noti che il valore predefinito è false.
È importante capire che lo scorrimento verticale è un modificatore.
Ciò significa che è possibile rendere le composizioni personalizzate componibili e
rendere scrollabili anche le composizioni personalizzate, applicandole ad altri modificatori.
Se questo si adatta al vostro caso d'uso, potete applicare lo scorrimento verticale a una colonna.
Se si desidera applicare lo scorrimento orizzontale, è necessario utilizzare una riga anziché una colonna.
Nel prossimo video scopriremo lo scorrimento orizzontale.