WEBVTT

1
00:00.740 --> 00:06.200
Se si esegue l'applicazione, le immagini
vengono visualizzate una sopra l'altra.

2
00:06.410 --> 00:08.960
Inoltre, sono molto grandi.

3
00:08.960 --> 00:13.610
Impostiamo le dimensioni di queste
immagini e il modificatore.

4
00:13.610 --> 00:18.410
Quindi la dimensione ATP è buona per tutte
le immagini.

5
00:18.410 --> 00:24.650
Ora, per risolvere il problema
dell'impilamento e della visualizzazione

6
00:24.650 --> 00:26.690
l'uno sull'altro, dobbiamo creare una
catena all'interno del Constraintlayout.

7
00:26.690 --> 00:30.080
Quindi, qui si crea una catena
orizzontale.

8
00:30.080 --> 00:33.350
È necessario passare gli elementi e lo
stile della catena.

9
00:33.350 --> 00:39.680
Gli elementi sono immagine Android,
immagine Java e immagine Python.

10
00:39.680 --> 00:41.120
Lo stile della catena.

11
00:41.150 --> 00:42.320
Stile della catena.

12
00:42.350 --> 00:43.790
Diffusione dei punti.

13
00:43.820 --> 00:45.890
Corriamo ed eccoci qua.

14
00:45.890 --> 00:46.940
Ora va meglio.

15
00:46.940 --> 00:55.430
Inoltre, possiamo ridurre le dimensioni
delle immagini, ad esempio a 65 o 70, il
che è positivo.

16
00:55.430 --> 00:59.990
Ora aggiungiamo il testo sotto ogni
immagine.

17
00:59.990 --> 01:06.970
Quindi dobbiamo creare altri tre compositi
all'interno del file CT dei nostri corsi.

18
01:07.000 --> 01:13.480
Qui creerò tre compositori che contengono
solo testi Android.

19
01:13.510 --> 01:17.710
Naturalmente, è necessario impostare il
modificatore per passargli i vincoli.

20
01:17.740 --> 01:20.740
Al suo interno devo creare del testo.

21
01:20.770 --> 01:29.170
Il modificatore equivale al modificatore
Peso carattere Semibold Dimensione
carattere 22 SP.

22
01:29.200 --> 01:30.820
Questo è il testo di Android.

23
01:30.850 --> 01:35.200
Creiamo un altro testo Java componibile.

24
01:35.230 --> 01:40.270
Qui dobbiamo copiare il modificatore e
impostarlo su Java.

25
01:40.300 --> 01:49.240
Inoltre, ho bisogno di creare una nuova
funzione componibile modificatore di testo
Python e Python.

26
01:49.270 --> 01:52.570
Ok, ora passiamo al layout dei vincoli.

27
01:52.570 --> 01:58.570
E in questa sezione dobbiamo passare i
vincoli per questi componibili.

28
01:58.600 --> 02:06.410
Cominciamo con il vincolo del testo
Android, in quanto ho bisogno di creare i
riferimenti per questi

29
02:06.410 --> 02:12.530
tre testi, in modo che possiate vedere
quanto sia facile lavorare con
Constraintlayout in Jetpack Compose.

30
02:12.530 --> 02:18.890
Se seguite i passi e le note che ho
menzionato nelle lezioni.

31
02:18.890 --> 02:23.510
Testo Android, testo Java, testo Python.

32
02:23.540 --> 02:25.670
Lasciate che mi sposti qui.

33
02:25.700 --> 02:28.670
Vincolo come testo Android.

34
02:28.700 --> 02:33.320
Qui dobbiamo visualizzare un testo al
centro dell'immagine.

35
02:33.350 --> 02:40.520
Sotto ogni immagine, dobbiamo creare due
vincoli per un'immagine orizzontale

36
02:40.520 --> 02:43.670
da sinistra e dall'inizio e dalla fine e
dall'alto.

37
02:43.670 --> 02:48.140
Quindi dobbiamo creare tre vincoli in cima
all'inizio e alla fine.

38
02:48.170 --> 02:57.620
Per ogni testo sotto ciascuna di queste
immagini, avvio il pulsante dot link

39
02:57.620 --> 03:01.460
two Android image dot e imposto il margine
a 12 dpi fin dall'inizio.

40
03:01.490 --> 03:05.360
Collegare due punti immagine Android
all'inizio.

41
03:05.360 --> 03:11.050
Anche il link al punto finale
dell'immagine di Android.

42
03:11.110 --> 03:12.310
È molto semplice.

43
03:12.340 --> 03:14.110
Ok, questo è il primo.

44
03:14.110 --> 03:20.380
Chiamiamo il testo di Java il modificatore
del punto di vincolo.

45
03:20.410 --> 03:20.950
Come.

46
03:20.950 --> 03:30.490
Copiamo questo vincolo come testo Java e
cambiamo l'immagine Android in immagine
Java allo stesso modo

47
03:30.490 --> 03:35.890
in cui il modificatore di testo Python
modifica il vincolo del punto come testo
Python.

48
03:35.890 --> 03:42.610
Dobbiamo copiare i vincoli qui e impostare
l'immagine python come questa.

49
03:42.610 --> 03:45.880
Eseguiamo ora l'applicazione e
congratulazioni! Si può notare che

50
03:45.880 --> 03:50.530
i testi vengono visualizzati al centro
delle immagini.

51
03:50.530 --> 03:52.900
Devo rimuovere il peso del carattere.

52
03:52.900 --> 03:53.980
Mi permetta di fare un test.

53
03:53.980 --> 03:58.840
Inoltre, ho dovuto ridurre le dimensioni a
18 SP e ora va meglio.

54
03:58.870 --> 04:05.050
Ok, allora mi permetta di rimuovere questo
punto e di eseguire il 18, ed eccoci qui.

55
04:05.050 --> 04:06.340
Ora va meglio.