WEBVTT

1
00:00.920 --> 00:03.470
In questo video impareremo a conoscere le
catene.

2
00:03.470 --> 00:10.640
Nel layout a vincoli, le catene vengono
utilizzate per creare un gruppo di

3
00:10.640 --> 00:13.340
elementi componibili collegati tra loro e
allineati in base a uno stile specificato.

4
00:13.370 --> 00:22.550
Le catene sono utili per distribuire lo
spazio in modo uniforme o per creare un
allineamento specifico tra un gruppo di
elementi componibili.

5
00:22.550 --> 00:27.620
Esistono due tipi di catene: quelle
orizzontali e quelle verticali.

6
00:27.620 --> 00:36.080
Esistono tre modalità di catena: spread,
spread inside o packed spread inside che
posizionano il primo

7
00:36.080 --> 00:43.220
e l'ultimo elemento alle estremità della
catena e distribuiscono i restanti
elementi in modo uniforme.

8
00:43.220 --> 00:47.870
Distribuisce lo spazio in modo uniforme
tra gli elementi concatenati.

9
00:47.870 --> 00:56.480
Impacchetta gli elementi insieme, centrati
nello spazio disponibile, quindi il numero
tre è impacchettato.

10
00:56.510 --> 01:04.250
Il numero due è distribuito all'interno
perché colloca il primo e l'ultimo
elemento

11
01:04.250 --> 01:07.130
alle estremità della catena e distribuisce
i restanti elementi in modo uniforme.

12
01:07.130 --> 01:10.400
Lo spread è il numero uno.

13
01:10.400 --> 01:13.800
Ok, questa è una rapida introduzione alle
catene.

14
01:13.800 --> 01:18.570
Passiamo ad Android Studio e impariamo a
creare le catene.

15
01:18.570 --> 01:22.230
Abbiamo due caselle e un testo.

16
01:22.260 --> 01:27.060
Abbiamo la linea guida e la barriera
all'interno del Constraintlayout.

17
01:27.060 --> 01:36.840
Per creare le catene, è necessario
utilizzare un metodo specifico chiamato
Crea catena verticale.

18
01:36.840 --> 01:44.370
Qui dobbiamo specificare gli elementi che
abbiamo var args, elements e chain style.

19
01:44.370 --> 01:52.080
Quindi, se andiamo a creare una catena
verticale, abbiamo due elementi a cui
passare gli

20
01:52.080 --> 01:56.370
elementi e gli elementi di stile della
catena sono di tipo riferimento al layout.

21
01:56.370 --> 02:04.410
E se saliamo ricordiamo che abbiamo creato
i riferimenti per la casella numero uno e
la casella numero due.

22
02:04.440 --> 02:06.570
Questi sono i riferimenti.

23
02:06.570 --> 02:15.330
Se andiamo a creare ref, questo metodo
creerà e restituirà i riferimenti di
constraintlayout.

24
02:15.330 --> 02:20.490
Quindi la casella numero uno e la casella
numero due sono i riferimenti.

25
02:20.490 --> 02:22.520
qui possiamo passarli.

26
02:22.520 --> 02:23.810
Casella numero uno.

27
02:23.810 --> 02:25.340
Scatola numero due.

28
02:25.370 --> 02:30.290
Inoltre, possiamo passare alla fine degli
elementi.

29
02:30.290 --> 02:32.810
Possiamo passare lo stile della catena.

30
02:32.810 --> 02:41.330
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.

31
02:41.360 --> 02:44.000
Lasciatemi testare lo spread.

32
02:44.000 --> 02:44.720
Correre.

33
02:44.720 --> 02:46.130
Ed eccoci qui.

34
02:46.160 --> 02:56.300
Si può notare che lo spazio tra gli
elementi della casella numero

35
02:56.300 --> 02:57.050
uno e della casella numero due è
distribuito in modo uniforme.

36
02:57.050 --> 03:03.200
In questo modo lo spazio viene distribuito
uniformemente tra gli elementi
concatenati.

37
03:03.230 --> 03:04.910
La scatola numero uno e la scatola numero
due.

38
03:04.940 --> 03:06.980
Lasciate che faccia un test imballato.

39
03:07.070 --> 03:16.130
E si può notare che lo stile a catena di

40
03:16.130 --> 03:16.940
punti impacchetta gli elementi insieme al
centro dello spazio disponibile.

41
03:16.970 --> 03:20.930
Mi permetta di testare la diffusione della
corsa interna.

42
03:20.930 --> 03:29.360
Questo posiziona il primo e l'ultimo
elemento alla fine della

43
03:29.360 --> 03:30.710
catena e distribuisce gli elementi
rimanenti in modo uniforme.

44
03:30.710 --> 03:36.120
Questa è una buona pratica quando si hanno
più di due componibili.

45
03:36.150 --> 03:36.840
Ok.

46
03:36.870 --> 03:45.120
Ho preferito usare lo spread, e se avete
notato che se non specificate lo stile
della

47
03:45.120 --> 03:50.910
catena all'interno del comando crea catena
verticale, lo stile predefinito della
catena sarà lo spread.

48
03:50.940 --> 03:58.950
È molto importante notare che la creazione
di catene verticali e la

49
03:58.950 --> 04:02.760
distribuzione dello spazio tra gli
elementi dipendono dalle dimensioni del
constraintlayout.

50
04:02.790 --> 04:08.130
Qui si specifica il modificatore per
questo layout come riempimento.

51
04:08.160 --> 04:09.120
Larghezza massima.

52
04:09.150 --> 04:11.460
Proviamo a usare il riempimento.

53
04:11.490 --> 04:14.310
Dimensione massima in larghezza e altezza.

54
04:14.340 --> 04:16.830
Esegui di nuovo ed eccoci qui.

55
04:16.860 --> 04:22.350
Si può notare che lo spazio qui è uguale
allo spazio qui e a questo spazio.

56
04:22.350 --> 04:24.210
Quindi, congratulazioni ragazzi.

57
04:24.210 --> 04:31.740
Abbiamo introdotto e approfondito le
catene di barriere delle linee guida di
Constraintlayout.

58
04:31.740 --> 04:38.070
Ora siamo pronti per iniziare a costruire
UI complesse utilizzando queste funzioni
avanzate.