In questo video impareremo a conoscere le catene.
Nel layout a vincoli, le catene vengono utilizzate per creare un gruppo di
elementi componibili collegati tra loro e allineati in base a uno stile specificato.
Le catene sono utili per distribuire lo spazio in modo uniforme o per creare un allineamento specifico tra un gruppo di elementi componibili.
Esistono due tipi di catene: quelle orizzontali e quelle verticali.
Esistono tre modalità di catena: spread, spread inside o packed spread inside che posizionano il primo
e l'ultimo elemento alle estremità della catena e distribuiscono i restanti elementi in modo uniforme.
Distribuisce lo spazio in modo uniforme tra gli elementi concatenati.
Impacchetta gli elementi insieme, centrati nello spazio disponibile, quindi il numero tre è impacchettato.
Il numero due è distribuito all'interno perché colloca il primo e l'ultimo elemento
alle estremità della catena e distribuisce i restanti elementi in modo uniforme.
Lo spread è il numero uno.
Ok, questa è una rapida introduzione alle catene.
Passiamo ad Android Studio e impariamo a creare le catene.
Abbiamo due caselle e un testo.
Abbiamo la linea guida e la barriera all'interno del Constraintlayout.
Per creare le catene, è necessario utilizzare un metodo specifico chiamato Crea catena verticale.
Qui dobbiamo specificare gli elementi che abbiamo var args, elements e chain style.
Quindi, se andiamo a creare una catena verticale, abbiamo due elementi a cui passare gli
elementi e gli elementi di stile della catena sono di tipo riferimento al layout.
E se saliamo ricordiamo che abbiamo creato i riferimenti per la casella numero uno e la casella numero due.
Questi sono i riferimenti.
Se andiamo a creare ref, questo metodo creerà e restituirà i riferimenti di constraintlayout.
Quindi la casella numero uno e la casella numero due sono i riferimenti.
qui possiamo passarli.
Casella numero uno.
Scatola numero due.
Inoltre, possiamo passare alla fine degli elementi.
Possiamo passare lo stile della catena.
Specificare lo stile della catena uguale al punto di stile della catena, sia che si tratti di una catena con diffusione o di una catena con diffusione all'interno.
Lasciatemi testare lo spread.
Correre.
Ed eccoci qui.
Si può notare che lo spazio tra gli elementi della casella numero
uno e della casella numero due è distribuito in modo uniforme.
In questo modo lo spazio viene distribuito uniformemente tra gli elementi concatenati.
La scatola numero uno e la scatola numero due.
Lasciate che faccia un test imballato.
E si può notare che lo stile a catena di
punti impacchetta gli elementi insieme al centro dello spazio disponibile.
Mi permetta di testare la diffusione della corsa interna.
Questo posiziona il primo e l'ultimo elemento alla fine della
catena e distribuisce gli elementi rimanenti in modo uniforme.
Questa è una buona pratica quando si hanno più di due componibili.
Ok.
Ho preferito usare lo spread, e se avete notato che se non specificate lo stile della
catena all'interno del comando crea catena verticale, lo stile predefinito della catena sarà lo spread.
È molto importante notare che la creazione di catene verticali e la
distribuzione dello spazio tra gli elementi dipendono dalle dimensioni del constraintlayout.
Qui si specifica il modificatore per questo layout come riempimento.
Larghezza massima.
Proviamo a usare il riempimento.
Dimensione massima in larghezza e altezza.
Esegui di nuovo ed eccoci qui.
Si può notare che lo spazio qui è uguale allo spazio qui e a questo spazio.
Quindi, congratulazioni ragazzi.
Abbiamo introdotto e approfondito le catene di barriere delle linee guida di Constraintlayout.
Ora siamo pronti per iniziare a costruire UI complesse utilizzando queste funzioni avanzate.