WEBVTT

1
00:00.950 --> 00:07.340
Ora disegniamo lo sfondo della nostra
applicazione e creiamo una linea guida
orizzontale.

2
00:07.340 --> 00:08.030
Per questo.

3
00:08.030 --> 00:17.060
Creerò un nuovo componibile chiamato
gradiente di sfondo, che prende in
considerazione il parametro e il
modificatore.

4
00:17.090 --> 00:21.140
Più avanti vi mostrerò perché abbiamo
passato questo modificatore.

5
00:21.140 --> 00:29.720
All'interno di questo composable, creerò
una nuova immagine e

6
00:29.720 --> 00:31.910
la risorsa pittore proverrà dalla cartella
drawable del desktop.

7
00:31.910 --> 00:39.680
Copio questa immagine chiamata gradiente
blu e la incollo nella cartella drawable
della nostra applicazione.

8
00:39.680 --> 00:45.800
Lo userò sono punto disegnabile punto blu
importazione r gradiente blu.

9
00:45.830 --> 00:52.100
È necessario includerlo all'interno
dell'ID della risorsa pittore e impostarlo
su questo.

10
00:52.130 --> 00:55.220
Ok, il pittore equivale alla risorsa
pittore.

11
00:55.220 --> 00:58.970
E specifichiamo l'ID dell'immagine nella
descrizione del contenuto.

12
00:59.000 --> 01:02.090
Sarebbe lo sfondo principale.

13
01:02.120 --> 01:05.270
Inoltre, specificheremo alcuni altri
modificatori.

14
01:05.270 --> 01:13.880
E gli altri parametri come la scala del
contenuto è uguale ai limiti di
riempimento della scala del contenuto.

15
01:13.880 --> 01:16.910
Occorre poi specificare il modificatore.

16
01:16.910 --> 01:20.090
In questo caso utilizzeremo il
Constraintlayout.

17
01:20.090 --> 01:31.190
Ma se provo a usare il modificatore dot
constraint non viene trovato nulla

18
01:31.190 --> 01:39.230
perché questa immagine non è inclusa nel
constraintlayout, quindi solo i Composable
o

19
01:39.230 --> 01:42.650
solo i componenti inclusi nel
Constraintlayout possono beneficiare di
Constraintlayout e dei constraint.

20
01:42.650 --> 01:45.020
Come risolvere questo problema? Passando

21
01:45.020 --> 01:49.460
il modificatore come parametro.

22
01:49.460 --> 01:56.120
Quindi creeremo un modificatore e
imposteremo i vincoli all'interno del
Constraintlayout

23
01:56.120 --> 01:59.600
quando chiameremo questa funzione e
passeremo il modificatore come oggetto.

24
01:59.600 --> 02:01.430
Quindi qui non ce n'è bisogno.

25
02:01.460 --> 02:03.020
Creare un nuovo modificatore.

26
02:03.050 --> 02:05.330
Passeremo questo modificatore.

27
02:05.360 --> 02:09.230
È inoltre possibile aggiungere altri
parametri del modificatore.

28
02:09.230 --> 02:11.180
Aggiungerlo al modificatore passato.

29
02:11.210 --> 02:14.990
Ok, questa è una nota molto importante.

30
02:14.990 --> 02:16.670
Dovreste ricordarlo.

31
02:16.670 --> 02:19.730
Chiamiamo questo gradiente sfondo.

32
02:19.730 --> 02:24.230
Per impostare i vincoli del modificatore,
creare un nuovo modificatore.

33
02:24.230 --> 02:30.500
Si può notare che il vincolo come funzione
appare qui, perché

34
02:30.500 --> 02:32.570
stiamo chiamando questa funzione
all'interno di un vincolo di layout
componibile.

35
02:32.600 --> 02:33.590
È molto semplice.

36
02:33.590 --> 02:41.180
Quindi creeremo i vincoli quando
chiameremo i Composable e

37
02:41.210 --> 02:44.240
li passeremo come oggetto modificatore per
il Composable corrispondente.

38
02:44.240 --> 02:45.500
È molto semplice.

39
02:45.500 --> 02:47.000
Ora prestate attenzione.

40
02:47.000 --> 02:50.480
Per il vincolo s è necessario specificare
un riferimento.

41
02:50.480 --> 02:52.640
Ecco lo sfondo sfumato.

42
02:52.670 --> 02:54.530
Questo è il primo riferimento.

43
02:54.530 --> 03:00.080
Quindi qui sto vincolando il gradiente di
sfondo come riferimento di sfondo
gradiente al suo interno.

44
03:00.110 --> 03:02.930
È necessario specificare i vincoli.

45
03:02.930 --> 03:08.420
Quindi, all'interno di questo ambito di
vincoli, dobbiamo specificare i vincoli.

46
03:08.420 --> 03:18.860
Imposterò il collegamento del punto
superiore al punto superiore del genitore
e il collegamento del punto all'inizio
della fine del genitore.

47
03:19.100 --> 03:22.100
Link all'avvio per i genitori qui.

48
03:22.100 --> 03:26.390
Non creeremo un punto finale genitore.

49
03:26.420 --> 03:34.760
Creeremo un collegamento a una linea guida
orizzontale qui,

50
03:34.760 --> 03:38.510
sopra lo sfondo sfumato, creeremo una
linea guida orizzontale.

51
03:38.510 --> 03:48.890
Il numero uno equivale a creare una linea
guida dall'alto e impostare un valore di

52
03:48.890 --> 03:56.030
0,45 F Constraintlayout consente di creare
linee guida per aiutare a posizionare i
compositi rispetto

53
03:56.030 --> 03:59.180
a queste linee guida, piuttosto che
direttamente ad altri compositi o al
layout padre.

54
03:59.180 --> 04:03.740
Possiamo quindi specificare la linea guida
orizzontale all'interno del collegamento
due.

55
04:03.770 --> 04:06.350
Quindi, creare linee guida dall'alto.

56
04:06.350 --> 04:14.870
Questa funzione crea una linea guida
orizzontale posizionata

57
04:14.870 --> 04:15.440
al 45% dell'altezza del layout del vincolo
padre.

58
04:15.440 --> 04:21.440
Il parametro 0,45 f rappresenta una
frazione dell'altezza del genitore.

59
04:21.440 --> 04:28.460
Anche in questo caso, una linea guida è
una linea invisibile che può essere
utilizzata per limitare altri elementi
componibili.

60
04:28.460 --> 04:34.760
Non disegna nulla in sé, ma aiuta a
posizionare gli altri compositori.

61
04:34.760 --> 04:38.300
Questi sono i vincoli per il gradiente di
sfondo.

62
04:38.330 --> 04:43.700
Inoltre, possiamo specificare la larghezza
e l'altezza all'interno dell'ambito del
vincolo.

63
04:43.700 --> 04:53.180
Quindi la larghezza è uguale alla
dimensione, il punto di riempimento ai
vincoli e l'altezza è uguale

64
04:53.180 --> 05:00.290
alla dimensione, il punto di riempimento
ai vincoli nel layout dei vincoli di
jetpack composes, è possibile

65
05:00.290 --> 05:03.710
specificare come la larghezza e l'altezza
di un composable devono essere determinate
in relazione ai suoi vincoli.

66
05:03.710 --> 05:11.360
Utilizzando la classe dimension, le
proprietà dimensionali riempite di vincoli
sia per la larghezza che per l'altezza

67
05:11.360 --> 05:19.640
assicurano che il componibile si estenda
per riempire lo spazio tra i vincoli a cui
è collegato.

68
05:19.670 --> 05:26.990
Quindi, se apriamo la classe dimension,
possiamo vedere che si tratta

69
05:26.990 --> 05:28.100
di un oggetto companion e notiamo che c'è
un rapporto.

70
05:28.130 --> 05:35.210
Sono molte le cose che si possono
impostare: wrapcontent, matchparent,
vincoli di filtro e altro.

71
05:35.210 --> 05:35.990
In seguito.

72
05:35.990 --> 05:38.960
Li vedremo nei prossimi video.

73
05:38.960 --> 05:45.260
Vorrei che notaste che la larghezza e
l'altezza possono essere

74
05:45.290 --> 05:47.900
specificate all'interno dell'ambito del
vincolo, come nel layout del vincolo.