WEBVTT

1
00:00.710 --> 00:03.710
Continuiamo a costruire le nostre parti
dell'interfaccia utente.

2
00:03.710 --> 00:07.190
Ma prima dobbiamo aumentare le dimensioni
dell'immagine.

3
00:07.190 --> 00:15.260
L'immagine è collegata alla fine di
questo, ma posso rimuovere

4
00:15.260 --> 00:16.670
questo inizio e aumentare la larghezza e
impostare il valore.

5
00:16.670 --> 00:18.650
Ad esempio, 200 dpi.

6
00:18.680 --> 00:23.120
Lasciatemi correre ancora piccolo,
lasciatemi fare come 280.

7
00:23.150 --> 00:26.210
Questo è un bene, ma abbiamo alcuni spazi.

8
00:26.210 --> 00:29.120
Lasciate che lo riduca a 260.

9
00:29.150 --> 00:32.150
Eseguire di nuovo l'applicazione ed è
tutto a posto.

10
00:32.150 --> 00:36.500
È possibile ridurre il margine dall'alto
come per ATP.

11
00:36.530 --> 00:38.720
La nostra applicazione ha un aspetto
migliore.

12
00:38.750 --> 00:42.590
Ora creiamo un nuovo file.

13
00:42.590 --> 00:45.380
E questo file si chiama carrello.

14
00:47.120 --> 00:50.420
Abbiamo parlato di carte in Composables.

15
00:50.420 --> 00:56.570
Quindi creo una nuova funzione componibile
denominata "Il mio carrello".

16
00:56.600 --> 01:00.890
Portarlo nella scheda oggetto dei
parametri e dei modificatori.

17
01:00.890 --> 01:08.150
E questo biglietto sarà vuoto, perché qui
creerò solo una forma di biglietto.

18
01:08.150 --> 01:12.200
Quando si esegue l'applicazione, sarebbe
meglio creare un carrello.

19
01:12.230 --> 01:15.920
L'elevazione è uguale alle impostazioni
predefinite del carrello.

20
01:15.950 --> 01:17.900
Elevazione del carrello otto.

21
01:17.930 --> 01:19.640
Forma della punta.

22
01:19.640 --> 01:21.980
Forma arrotondata degli angoli.

23
01:22.010 --> 01:28.340
Inizio superiore 32 dpi e fine superiore
32 dpi.

24
01:28.370 --> 01:36.200
Queste sono le estremità degli angoli
superiori di questo carrello,

25
01:36.200 --> 01:37.610
perché dobbiamo visualizzarle dal lato
sinistro e dal lato destro.

26
01:37.610 --> 01:42.800
Inoltre, è necessario specificare un
modificatore uguale al modificatore
passato.

27
01:42.830 --> 01:48.860
Torniamo ora alla schermata
Constraintlayout e alla voce corsi
immagine componibili.

28
01:48.860 --> 01:58.490
Dobbiamo iniziare creando il carrello my
cart e impostando il modificatore modifier
dot constrain as cart.

29
01:58.490 --> 02:02.900
Aggiungo qui il riferimento, che è questo.

30
02:03.050 --> 02:13.400
Tornate indietro e aggiungete i vincoli di
questo carrello Collegamento punto
superiore alla linea guida

31
02:13.400 --> 02:19.100
orizzontale un margine meno quattro dpi
meno quattro metri sotto la linea guida
orizzontale.

32
02:19.130 --> 02:27.290
Impostare il collegamento iniziale con il
pulsante iniziale dei genitori e il
collegamento a due punti con il pulsante
finale dei genitori.

33
02:27.320 --> 02:30.440
Collegamento a due punti del pulsante del
genitore.

34
02:30.440 --> 02:37.670
Impostare la larghezza uguale alla
dimensione, il punto di riempimento
massimo ai vincoli o il

35
02:37.670 --> 02:40.490
riempimento ai vincoli e l'altezza uguale
alla dimensione il punto di riempimento ai
vincoli.

36
02:40.520 --> 02:42.020
Questa è la nostra carta.

37
02:42.050 --> 02:43.610
Lasciate che esegua l'applicazione.

38
02:43.610 --> 02:51.650
E se notate qui abbiamo la forma della
carta così visualizzata a sinistra e a
destra.

39
02:51.650 --> 03:00.980
Si può notare che il margine meno quattro
viene visualizzato sotto la linea guida
orizzontale di quattro

40
03:00.980 --> 03:07.220
dpi, e le dimensioni da qui in su sono 32
secondo le dimensioni che abbiamo
specificato qui.

41
03:07.220 --> 03:12.710
O possiamo rendere le carte più
superficiali, come ad esempio 16 dpi.

42
03:12.800 --> 03:18.260
Se lo eseguiamo, ora è più superficiale,
ma preferisco usare 32 dpi.

43
03:18.260 --> 03:22.670
E qui aumenterò il margine a 16 dpi.

44
03:22.670 --> 03:28.350
In fondo all'immagine del corso, impostare
il margine a 32 dpi.

45
03:28.500 --> 03:36.750
Inoltre, è possibile impostare il margine
del testo dal profilo qui margine a, ad
esempio, 24 dpi.

46
03:36.780 --> 03:39.240
Lasciatemi eseguire e vedere queste
modifiche.

47
03:39.240 --> 03:39.870
Eccoci qua.

48
03:39.900 --> 03:41.670
La nostra applicazione è migliore.

49
03:41.670 --> 03:46.620
Ora dobbiamo impostare il margine a 32
-32.

50
03:46.650 --> 03:49.860
Per visualizzare una scheda completa da
qui.

51
03:49.890 --> 03:53.760
Ok, ora i margini delle carte sono
visibili.

52
03:53.760 --> 03:54.450
Si può vedere.

53
03:54.480 --> 03:56.820
E da qui in poi va meglio.

54
03:56.820 --> 04:04.380
Si può notare che l'immagine è spostata a
sinistra, perché la

55
04:04.380 --> 04:05.790
dimensione della larghezza non è impostata
all'interno di questo valore.

56
04:05.790 --> 04:09.210
Quindi lo diminuirò a 2240.

57
04:09.210 --> 04:10.200
E questo è un bene.

58
04:10.200 --> 04:13.500
Si può notare che l'immagine è aumentata
di dimensioni.

59
04:13.500 --> 04:17.400
È inoltre possibile ridurre il margine
dall'alto.

60
04:17.400 --> 04:20.100
Inoltre, è possibile impostarlo su zero.

61
04:20.100 --> 04:21.180
E questo è un bene.

62
04:21.180 --> 04:29.910
Quindi la nostra applicazione è in grado
di visualizzare meglio questa scheda e di
renderla un'applicazione molto
professionale.