Bentornati.
Aprire Android Studio.
Creare un nuovo progetto di composizione denominato applicazione Corsi.
E all'interno di questo pacchetto creerò un nuovo pacchetto, chiamato Screens.
E all'interno di questo pacchetto creare un nuovo file Kotlin, chiamato Constraintlayout screen.
Iniziamo a costruire la nostra complessa interfaccia utente.
Vorrei che vi concentraste con me, perché è un'applicazione molto
importante per capire e padroneggiare il layout dei vincoli.
Per prima cosa dobbiamo aggiungere la dipendenza del Constraintlayout.
Andate quindi su Developer.android.com slash jetpack slash Android X slash releases
slash Constraintlayout o cercate semplicemente la dipendenza Constraintlayout per Jetpack Compose.
Scorrere verso il basso, selezionare Kotlin e usare questo per usare Constraintlayout.
In compose, dobbiamo importare questa dipendenza.
Andare al livello del modulo Build.gradle.
Scorrere verso il basso, aggiungere la dipendenza e sincronizzare ora.
Ed eccoci qui.
Ora siamo pronti a usare il Constraintlayout nel nostro progetto.
All'interno dello schermo Constraintlayout, creare un nuovo componibile chiamato schermo Constraintlayout.
E all'interno di questa funzione componibile, creeremo un Constraintlayout.
All'interno di questo scoop, creeremo e chiameremo altri Composable.
Per prima cosa, aggiungiamo alcuni parametri per questo Constraintlayout.
Se passiamo al Constraintlayout come revisione, possiamo impostare il modificatore,
il livello di ottimizzazione, le animazioni e il contenuto.
Inizierò con il modificatore modificatore punto sfondo materiale tema punto schema colori punto superficie.
Quindi questo modificatore background imposterà il colore di sfondo del constraintlayout e del tema del materiale.
Combinazione di colori.
La superficie a punti consente di accedere ai colori definiti nei colori del tema dell'applicazione.
Surface è tipicamente usato per il colore di sfondo di
superfici come carte, trucchi ed elenchi in un'applicazione Material Design.
Riempi dimensione massima per riempire la larghezza e l'altezza massime e lo scorrimento verticale.
Ricordare lo stato di scorrimento o lo stato di scorrimento.
In questo modo si ottiene uno scroll verticale componibile e scorrevole.
È il modificatore che abilita lo scorrimento verticale per il componente a cui è applicato.
Consente di far scorrere verticalmente il contenuto all'interno
del composable quando il contenuto supera l'altezza disponibile.
Ricordare lo stato di scorrimento.
Questa funzione crea una memoria e ricorda un oggetto stato
di scorrimento, necessario per il modificatore di scorrimento verticale.
Lo stato di scorrimento contiene la posizione di scorrimento corrente e altre informazioni relative allo scorrimento.
Questa riga viene utilizzata per creare uno stato di scorrimento che compose ricorderà
in tutte le ricomposizioni, assicurando un comportamento di scorrimento fluido e coerente.
Questi sono i parametri di Constraintlayout e questo
è il modificatore all'interno dello scoop di Constraintlayout.
Definiremo alcuni altri Composable per realizzare la nostra applicazione
come di consueto, iniziando con la definizione dei riferimenti.
Ciò avviene attraverso la creazione di val.
E all'interno di questa val creeremo dei riferimenti.
Inizierò con lo sfondo sfumato.
Questo è il primo riferimento che userò.
Creare riferimenti funzione val gradiente di sfondo.
Si tratta di una dichiarazione di distruzione in Kotlin.
In questo contesto viene utilizzato per assegnare il riferimento creato
dalla funzione create reference a una variabile denominata background gradient.
Creare grafici.
Questa funzione fa parte dell'API Constraintlayout di Jetpack Composer.
Crea uno o più oggetti di riferimento constraintlayout.
Questi riferimenti vengono utilizzati per definire i vincoli per i compositi all'interno del constraintlayout.
Quando si utilizza Constraintlayout, è necessario definire i vincoli per il posizionamento e il dimensionamento dei Composable.
A tale scopo, si creano dei riferimenti utilizzando la funzione create graphs
o create graph se si ha bisogno di un solo riferimento.
Ma creeremo molti riferimenti.
Quindi utilizzerò le funzioni di creazione dei riferimenti.
Questi riferimenti fungono da maniglie che si possono usare per impostare relazioni o
vincoli tra diversi componibili o tra un componibile e il layout padre.