WEBVTT

1
00:00.740 --> 00:01.850
Bentornati.

2
00:01.880 --> 00:08.120
Aprite Android Studio e create una nuova
applicazione composta denominata
Constraint App.

3
00:08.120 --> 00:14.360
Il primo passo per usare Constraint Layout
è aggiungere la dipendenza per la sua
libreria.

4
00:14.360 --> 00:20.660
Quindi andate su Developer.android.com
slash jetpack slash Android slash releases
slash Constraintlayout

5
00:20.660 --> 00:28.550
o semplicemente cercate le dipendenze di
Constraintlayout e assicuratevi di
scorrere

6
00:28.550 --> 00:30.080
verso il basso selezionando Kotlin ed ecco
che state usando compose.

7
00:30.080 --> 00:31.250
Non includere questo.

8
00:31.280 --> 00:34.190
Includere questo perché stiamo usando la
composizione.

9
00:34.190 --> 00:35.600
Copiare questa dipendenza.

10
00:35.630 --> 00:38.060
Andare al file build.gradle.

11
00:38.090 --> 00:44.930
Incollare questo e sincronizzare ora e il
nostro progetto è pronto per utilizzare il
Constraintlayout.

12
00:44.930 --> 00:47.750
All'interno di questo pacchetto, create un
nuovo file.

13
00:47.750 --> 00:51.620
La chiamerò schermata Layout vincoli.

14
00:51.620 --> 00:58.220
Inizierò creando una nuova funzione
componibile, denominata Constraint Layout
screen.

15
00:58.220 --> 01:04.970
All'interno di questa schermata di layout
di vincoli componibili, inizio con un
layout di vincoli, un controllo
componibile

16
01:04.970 --> 01:09.860
e faccio clic con il pulsante sinistro del
mouse per entrare nelle dichiarazioni del
layout di vincoli.

17
01:09.890 --> 01:13.220
Qui possiamo vedere il livello di
ottimizzazione del modificatore.

18
01:13.220 --> 01:14.540
Animare le modifiche.

19
01:14.540 --> 01:15.530
Specifiche dell'animazione.

20
01:15.560 --> 01:16.790
Animazione finita.

21
01:16.790 --> 01:18.410
Ascoltatore e contenuto.

22
01:18.410 --> 01:23.150
Il modificatore è usato per esporre le
opzioni di stile, il che è abbastanza
standard.

23
01:23.180 --> 01:28.730
Livello di ottimizzazione che imposta il
livello di ottimizzazione nella gestione
dei vincoli.

24
01:28.730 --> 01:35.210
L'opzione predefinita è Ottimizzazione
standard, che ottimizza i vincoli e le
barriere dirette, e

25
01:35.210 --> 01:41.420
il contenuto che rappresenta un numero
qualsiasi di componibili che saranno i
suoi figli.

26
01:41.450 --> 01:44.540
Questi parametri sono utilizzati per le
animazioni.

27
01:44.540 --> 01:49.880
Se si cerca il vincolo all'interno di
questo file di layout dei vincoli.

28
01:49.910 --> 01:59.030
Come si può vedere, questo vincolo è un
vincolo a punti con modificatore di
funzione, in

29
01:59.030 --> 02:02.180
quanto prende in considerazione il
parametro ref e il blocco di vincoli di
altri oggetti componibili.

30
02:02.180 --> 02:07.730
Per poterli vincolare è necessario
vincolarli l'uno all'altro.

31
02:07.760 --> 02:12.110
Per prima cosa, è necessario definire i
riferimenti per i vincoli.

32
02:12.110 --> 02:16.250
Iniziare con la casella numero uno.

33
02:16.250 --> 02:17.900
Scatola numero due.

34
02:17.930 --> 02:21.980
Testo uguale per creare riferimenti.

35
02:21.980 --> 02:29.390
Quando si usa Constraintlayout, è
necessario creare Otto riferimenti per

36
02:29.390 --> 02:31.310
ogni componibile che si vuole vincolare
con il layout.

37
02:31.310 --> 02:38.390
Ciò avviene tramite la funzione create
rafts, che genera riferimenti univoci per
i componibili.

38
02:38.390 --> 02:45.650
Questi riferimenti vengono poi usati con
il vincolo come modificatore per
specificare i vincoli.

39
02:45.650 --> 02:48.950
Il secondo passo consiste nel vincolare la
prima casella.

40
02:48.950 --> 02:58.490
Qui creerò un riquadro con un modificatore
di dimensione del punto 100 dpi, che è
buono.

41
02:58.640 --> 03:03.740
Premere invio per importare il
modificatore di classe dall'interfaccia
utente di composizione.

42
03:03.890 --> 03:09.500
Impostiamo il colore di sfondo di questo
riquadro punto rosso.

43
03:09.500 --> 03:13.790
E qui userò constrain come funzione.

44
03:13.790 --> 03:18.320
Specificare la casella numero uno e aprire
le parentesi graffe.

45
03:18.320 --> 03:20.840
Voglio che vi concentriate con me su
questo punto.

46
03:20.840 --> 03:26.120
Il vincolo come funzione come in tutti i
miei video e in tutti i miei corsi.

47
03:26.120 --> 03:34.970
Mi piace seguire passo dopo passo e capire
ogni concetto, ogni parola

48
03:34.970 --> 03:37.550
che scriviamo nel codice, quindi lo terrò
per il prossimo video.