WEBVTT

1
00:00.950 --> 00:08.630
Sebbene i compositori di layout o di
contenitori con cui si è

2
00:08.660 --> 00:11.360
lavorato finora siano molto semplici da
capire, hanno dei limiti intrinseci.

3
00:11.360 --> 00:15.770
Quando si posizionano i bambini, sono
vincolati dalla loro direzionalità.

4
00:15.770 --> 00:22.190
Possono posizionare solo elementi in
coordinate x, y o z alla volta.

5
00:22.190 --> 00:31.910
Spesso, durante l'implementazione di
progetti complessi, ci si ritrova con

6
00:31.910 --> 00:32.930
una gerarchia molto annidata di questi
contenitori nel codice.

7
00:32.960 --> 00:35.690
Ecco la disposizione dei vincoli.

8
00:35.720 --> 00:38.150
Salve amici e bentornati.

9
00:38.150 --> 00:41.510
In questo video introdurremo il
Constraintlayout.

10
00:41.540 --> 00:49.130
Il Constraintlayout elimina questa
restrizione consentendo di posizionare gli
elementi l'uno rispetto all'altro.

11
00:49.130 --> 00:54.110
È possibile utilizzare un vincolo tra due
elementi per determinare la posizione
finale.

12
00:54.110 --> 01:01.100
È possibile creare vincoli da quattro lati
in alto, in basso a sinistra e a destra.

13
01:01.100 --> 01:07.970
È considerata una buona pratica usare
inizio e fine invece di sinistra e destra.

14
01:07.970 --> 01:14.870
Questo permette agli elementi di cambiare
lato quando gli utenti hanno una lingua
che legge da destra a sinistra.

15
01:14.870 --> 01:21.950
Ad esempio, come l'arabo, Constraintlayout
è un layout che consente

16
01:21.950 --> 01:24.520
di posizionare i composable rispetto ad
altri composable sullo schermo.

17
01:24.520 --> 01:32.290
È un'alternativa all'uso di più elementi
di riga, colonna e casella annidati e di
layout personalizzati.

18
01:32.320 --> 01:40.360
Constraintlayout è utile quando si
implementano layout più grandi con
requisiti di allineamento più complicati.

19
01:40.360 --> 01:45.460
Utilizzando l'ID in XML, è possibile
creare riferimenti per le viste.

20
01:45.460 --> 01:50.830
Lo facciamo nella composizione tramite
create refs o create ref.

21
01:50.830 --> 02:00.640
Per i metodi di queste funzioni DSL,
possiamo creare un riferimento per ogni
componibile sullo schermo.

22
02:00.640 --> 02:05.500
Tenete presente che la funzione Create
Refs può contenere 16 componenti.

23
02:05.530 --> 02:10.570
Se si ha bisogno di più, si può creare una
nuova funzione di riferimento.

24
02:10.570 --> 02:17.770
Nei prossimi video introdurremo la
funzione create ref

25
02:17.770 --> 02:18.490
e impareremo di più sui riferimenti di
Constraintlayout.

26
02:18.490 --> 02:26.260
Possiamo specificare i vincoli per un
riferimento o per una composizione tramite
il vincolo come funzione modificatrice.

27
02:26.260 --> 02:31.810
Inoltre, impareremo a conoscere le linee
guida, le barriere, le catene e molto
altro ancora.

28
02:31.810 --> 02:39.610
Iniziamo quindi a costruire un'interfaccia
utente complessa utilizzando il
Constraintlayout di Jetpack Compose.