WEBVTT

1
00:00.800 --> 00:04.550
Aggiungiamo i vincoli per questi quattro
Composable.

2
00:04.550 --> 00:11.840
All'interno della parte centrale,
spostatevi nel layout dei vincoli

3
00:11.840 --> 00:13.940
e sotto la parte dell'intestazione
creeremo un altro commento.

4
00:14.060 --> 00:19.490
La parte centrale chiamiamola la prima
componibile, che è la schermata di
benvenuto.

5
00:19.490 --> 00:27.320
Passare il modificatore punto di vincolo,
poiché in questo caso è necessario creare
un riferimento per questo testo.

6
00:27.320 --> 00:35.030
Quindi andiamo a creare i riferimenti per
i quattro elementi componibili che creano

7
00:35.240 --> 00:39.320
il testo di benvenuto, l'immagine dei
corsi del pulsante di unione delle
domande.

8
00:40.250 --> 00:49.040
Scorrere fino a qui e accogliere il testo
all'interno di questo vincolo, poiché è
necessario impostare i vincoli.

9
00:49.040 --> 00:58.550
Prima di tutto, aggiungo il link al punto
superiore al pulsante del punto immagine
del profilo e imposto il margine a 32 dpi.

10
00:58.610 --> 01:02.600
Link al punto iniziale per iniziare la
linea guida.

11
01:02.600 --> 01:05.240
Eseguiamo la nostra applicazione e vediamo
la schermata di benvenuto.

12
01:05.240 --> 01:12.290
E questo è un bene, a proposito, dobbiamo
spostare il profilo un po' più in alto.

13
01:12.290 --> 01:19.340
Quindi, andiamo al Constraintlayout e
impostiamo la linea guida superiore.

14
01:19.340 --> 01:21.500
Permettetemi di fare come 24.

15
01:21.500 --> 01:22.550
E questo è un bene.

16
01:22.550 --> 01:29.960
Possiamo renderlo 28 per evitare qualsiasi
sovrapposizione delle immagini.

17
01:29.960 --> 01:31.130
E questo è un bene.

18
01:31.130 --> 01:31.790
È bello.

19
01:31.820 --> 01:34.910
Torniamo ora alla parte centrale.

20
01:34.910 --> 01:37.880
La schermata di benvenuto viene
visualizzata qui.

21
01:37.880 --> 01:39.500
Questa è la nostra schermata di benvenuto.

22
01:39.530 --> 01:43.880
Ora visualizziamo il testo della domanda
nel Constraintlayout.

23
01:43.910 --> 01:47.660
Qui occorre specificare il testo della
domanda.

24
01:47.660 --> 01:52.040
Passare il vincolo del punto modificatore
come testo della domanda.

25
01:52.040 --> 02:01.070
Qui è necessario specificare i vincoli del
punto tabulazione del link al punto

26
02:01.070 --> 02:02.720
testo di benvenuto del pulsante e
impostare il margine a 16 dpi.

27
02:03.380 --> 02:07.900
Collegamento del punto iniziale al punto
di testo di benvenuto.

28
02:07.900 --> 02:08.830
Inizio.

29
02:08.860 --> 02:14.530
Impostare l'inizio del testo della domanda
come inizio del testo di benvenuto.

30
02:14.560 --> 02:16.330
Lasciatemi correre a vedere.

31
02:16.360 --> 02:17.230
Eccoci qua.

32
02:17.260 --> 02:18.400
Questo è l'inizio.

33
02:18.430 --> 02:21.160
Si può notare che il margine è di 16 dpi.

34
02:21.190 --> 02:28.240
Lo creo come ADP e cambio il colore da
grigio a bianco.

35
02:28.270 --> 02:29.500
È meglio.

36
02:29.770 --> 02:30.850
Ed eccoci qui.

37
02:30.880 --> 02:32.050
Ora va meglio.

38
02:32.080 --> 02:32.590
Ok.

39
02:32.590 --> 02:35.200
Se si preferisce non avere margini di
guadagno, va bene lo stesso.

40
02:35.200 --> 02:37.270
Ad esempio, zero ADP.

41
02:37.300 --> 02:38.290
Ed è fantastico.

42
02:38.320 --> 02:42.070
Ora visualizziamo il pulsante Iscriviti
ora.

43
02:42.100 --> 02:49.480
Pulsante Unisci ora con il vincolo del
punto modificatore come pulsante di
unione.

44
02:49.480 --> 02:51.670
Aggiungere qui i vincoli.

45
02:51.670 --> 03:01.210
Collegamento del punto superiore al
pulsante del punto di testo della domanda
e impostazione del margine a 32 SP o DPI,
che è buono.

46
03:01.210 --> 03:11.470
Inizio punto link al testo della domanda
punto inizio e

47
03:11.470 --> 03:11.890
punto link al testo della domanda punto E
questo va

48
03:11.920 --> 03:14.890
bene per quell'articolazione? No, ma
lasciatemi correre e congratularmi.

49
03:14.890 --> 03:15.760
Questo è un bene.

50
03:15.760 --> 03:22.900
Quindi il nostro pulsante viene
visualizzato sotto la domanda ed è
centrato, ok, va bene.

51
03:22.900 --> 03:25.570
Ora visualizziamo l'immagine.

52
03:25.570 --> 03:31.630
L'ultima composizione è l'immagine dei
corsi, chiamata immagine dei corsi.

53
03:31.630 --> 03:37.090
Impostare il modificatore su vincolo
modificatore come immagine corsi immagine.

54
03:37.090 --> 03:41.650
E qui dobbiamo creare i vincoli.

55
03:41.650 --> 03:49.450
Quindi, il collegamento al punto superiore
qui deve essere personalizzato con
ulteriori vincoli, perché è

56
03:49.480 --> 03:55.240
necessario visualizzare l'immagine qui il
pulsante di notifica dell'immagine e il
margine di 16 dpi.

57
03:55.360 --> 03:58.150
E perché dobbiamo visualizzarlo sul lato
destro.

58
03:58.150 --> 04:02.590
Quindi, collegatevi alle linee guida che
abbiamo creato in precedenza.

59
04:02.590 --> 04:08.770
Quindi abbiamo tre linee guida: la linea
guida superiore, la linea guida iniziale e
la linea guida finale.

60
04:08.770 --> 04:16.570
Quindi devo collegarlo alla linea guida,
la linea guida giusta Ok, questa è la
fine, comunque.

61
04:16.600 --> 04:22.060
Possiamo specificare un vincolo
orizzontale e uno verticale.

62
04:22.060 --> 04:23.170
E questo è un bene.

63
04:23.170 --> 04:30.370
È quindi necessario specificare uno o più
vincoli verticali e orizzontali.

64
04:30.400 --> 04:39.670
Se specifichiamo, ad esempio, il
collegamento inferiore a due linee guida

65
04:39.670 --> 04:49.870
orizzontali numero uno e impostiamo il
margine come linea guida orizzontale

66
04:49.900 --> 04:50.560
numero uno a 16 dpi, possiamo sbarazzarci
della parte superiore.

67
04:50.560 --> 04:53.800
Si tratta quindi di un vincolo
orizzontale.

68
04:53.800 --> 04:55.930
E questo è un vincolo verticale.

69
04:55.930 --> 05:00.850
Abbiamo bisogno di uno o più vincoli per
visualizzare la nostra immagine.

70
05:00.850 --> 05:10.720
La larghezza equivale alle dimensioni del
punto di riempimento dei vincoli e
l'altezza equivale alla dimensione del
punto di riempimento dei vincoli.

71
05:10.720 --> 05:18.040
Ma c'è una nota molto importante da
menzionare: se si utilizzano i

72
05:18.040 --> 05:22.240
vincoli del filtro, si devono usare
quattro vincoli invece di due.

73
05:22.240 --> 05:28.600
È quindi necessario specificare due
vincoli orizzontali e due verticali per
utilizzare il riempimento.

74
05:28.600 --> 05:31.060
Collegarsi ai vincoli della dimensione.

75
05:31.090 --> 05:40.300
Altrimenti è possibile specificare, ad
esempio, 400 dpi o 250 dpi, il valore del
punto di tensione

76
05:40.330 --> 05:47.320
della larghezza impostato su 150 dpi e la
dimensione, impostata su 150 dpi o 80 dpi.

77
05:47.350 --> 05:49.180
Lasciatemi correre ed eccoci qua.

78
05:49.210 --> 05:53.410
Questa è la nostra applicazione, ma
l'immagine è visualizzata in alto a
sinistra.

79
05:53.440 --> 05:56.590
Non abbiamo specificato alcun
modificatore.

80
05:56.590 --> 05:59.440
Torniamo quindi alla parte centrale.

81
05:59.470 --> 06:00.670
L'immagine del corso.

82
06:00.670 --> 06:06.760
Qui è necessario specificare il
modificatore uguale al modificatore di
passaggio eseguito di nuovo.

83
06:06.760 --> 06:07.540
Eccoci qua.

84
06:07.570 --> 06:08.890
L'immagine viene visualizzata qui.

85
06:08.890 --> 06:13.930
Dobbiamo impostare la linea guida
orizzontale sulla linea guida orizzontale
numero uno.

86
06:13.930 --> 06:15.250
Ed eccoci qui.

87
06:15.370 --> 06:22.170
Possiamo modificare questi parametri come
per le dimensioni riempite di vincoli.

88
06:22.170 --> 06:23.760
Riempire fino ai vincoli.

89
06:23.790 --> 06:30.000
Verifico senza specificare due vincoli per
l'orizzontale e due vincoli per il
verticale.

90
06:30.030 --> 06:38.130
Come ci si aspetta, l'immagine sparirà, a
meno che non sia necessario specificare i
quattro vincoli per le dimensioni.

91
06:38.160 --> 06:41.490
Ok, per prima cosa rimuovo questo margine.

92
06:41.490 --> 06:53.910
Impostare l'inizio su collegamento a
pulsante unito punto finale e impostare il
margine come

93
06:53.910 --> 06:57.930
otto dpi e il punto superiore collegamento
a pulsante unito punto margine 16 dpi.

94
06:57.960 --> 06:59.940
Lasciatemi correre ed eccoci qua.

95
06:59.970 --> 07:01.320
Questa è la nostra immagine.

96
07:01.320 --> 07:03.000
E questo è bellissimo.

97
07:03.000 --> 07:07.230
Quindi abbiamo specificato la larghezza e
l'altezza e i vincoli.

98
07:07.230 --> 07:14.310
Quando si utilizzano i vincoli di filtro
della dimensione come larghezza o altezza,

99
07:14.310 --> 07:17.880
è necessario specificare i quattro vincoli
e i quattro vincoli dei lati.