WEBVTT

1
00:00.770 --> 00:01.880
Bentornati.

2
00:01.880 --> 00:08.450
Dopo essere riusciti a recuperare tutti i
post, dobbiamo migliorare l'aspetto
dell'interfaccia utente.

3
00:08.450 --> 00:13.010
Quindi, per questo, creerò un nuovo
componibile qui, chiamato header.

4
00:13.010 --> 00:14.180
Testata componibile.

5
00:14.210 --> 00:20.930
Qui creerò un nuovo testo e utilizzerò
l'applicazione Dimensione carattere 32 SP.

6
00:21.110 --> 00:22.220
Peso del carattere.

7
00:22.250 --> 00:23.630
Peso del carattere bold.

8
00:23.660 --> 00:26.300
C'è anche un altro testo.

9
00:29.150 --> 00:34.010
Con dimensione del carattere 16 Peso del
carattere SP.

10
00:34.040 --> 00:35.960
Peso del carattere normale.

11
00:35.960 --> 00:39.350
Includerli in una nuova colonna.

12
00:39.350 --> 00:42.560
Spostate quindi questi componibili in
questa colonna.

13
00:42.560 --> 00:46.970
Andiamo su e creiamo una nuova colonna.

14
00:46.970 --> 00:54.260
E all'interno di questa colonna sposterò
la schermata del post e chiamerò
l'intestazione componibile che abbiamo
creato prima.

15
00:54.260 --> 00:55.760
Lasciatemi correre ora.

16
00:55.790 --> 00:56.900
Eccoci qua.

17
00:56.930 --> 00:58.730
Questo è il titolo dell'intestazione.

18
00:58.730 --> 01:04.220
Aggiungo alcuni parametri per centrare gli
allineamenti delle colonne in orizzontale.

19
01:04.220 --> 01:13.850
Il modificatore equivale a riempire la
larghezza massima, fare alcuni padding
così dot padding 12 dpi.

20
01:13.880 --> 01:16.880
Eseguendolo di nuovo, la situazione è
migliorata.

21
01:16.910 --> 01:21.110
Bene, ora progettiamo la scheda di ciascun
articolo.

22
01:21.110 --> 01:25.550
Creerò una nuova classe all'interno di un
nuovo pacchetto.

23
01:25.550 --> 01:34.040
Quindi creo un nuovo pacchetto chiamato
util nuova classe genera colori casuali.

24
01:34.040 --> 01:40.130
Questa classe genererà colori casuali per
impostarli come sfondo delle carte.

25
01:40.130 --> 01:45.170
Creare una nuova funzione denominata get
random color.

26
01:45.200 --> 01:49.370
Questa funzione restituisce un oggetto
colore.

27
01:49.370 --> 01:55.400
All'interno di questa funzione, dobbiamo
creare tre variabili: rosso, verde e blu.

28
01:55.400 --> 02:04.120
E come vi ho già detto, la variabile
colore contiene tre parti: rosso, verde e
blu.

29
02:04.150 --> 02:12.040
Inoltre, possiamo impostare l'alfa, ma per
semplicità dobbiamo creare tre

30
02:12.070 --> 02:15.490
variabili val red uguale a random class
dot next int.

31
02:15.520 --> 02:21.730
Questo genererà un numero intero casuale
da 0 a 2 cinque sei.

32
02:21.730 --> 02:34.960
Quindi val green equivale a random.nextint
fino a 256 e val blue a random.nextint
fino a 256.

33
02:34.960 --> 02:41.380
Occorre quindi creare un oggetto di tipo
color per restituire color.

34
02:41.380 --> 02:51.250
E dobbiamo passare tre parti: il verde, il
blu e il

35
02:51.250 --> 02:52.990
rosso, la variabile blu o verde all'inizio
e il blu, ok.

36
02:53.020 --> 02:58.270
È così che si generano i colori casuali,
perché è necessario passare tre parti.

37
02:58.270 --> 03:03.970
La parte del rosso, la parte del verde e
la parte del blu sono i rispettivi valori.

38
03:03.970 --> 03:05.920
Torniamo all'oggetto del post.

39
03:05.920 --> 03:10.480
Dobbiamo impostare lo sfondo di questa
scheda con il colore casuale generato.

40
03:10.480 --> 03:12.100
Lasciate che chiami Val.

41
03:12.130 --> 03:17.500
Colore di sfondo uguale per generare
colori casuali.

42
03:17.500 --> 03:20.140
Il punto di classe ottiene un colore
casuale.

43
03:20.140 --> 03:28.000
E qui, all'interno del biglietto, dobbiamo
impostare il colore di sfondo uguale al
mio colore di sfondo.

44
03:28.000 --> 03:34.450
Ma questo non funzionerà perché il colore
di sfondo

45
03:34.480 --> 03:35.170
e l'ultimo composable e l'ultimo jetpack
compongono gli aggiornamenti.

46
03:35.170 --> 03:37.780
Esiste un parametro colori.

47
03:37.780 --> 03:41.740
Per questo è necessario utilizzare i
colori della carta e le impostazioni
predefinite della carta.

48
03:41.740 --> 03:43.540
Per questo lo rimuovo.

49
03:43.570 --> 03:46.600
I colori sono uguali a quelli predefiniti
della carta.

50
03:46.630 --> 03:52.930
I colori delle schede a punti impostano il
colore del contenitore uguale al colore di
sfondo.

51
03:52.930 --> 03:56.260
È necessario impostare il colore del
contenitore all'interno delle parentesi.

52
03:56.260 --> 03:59.140
Perché abbiamo usato i colori di questa
carta.

53
03:59.140 --> 04:01.350
Questo è il colore del contenitore.

54
04:01.350 --> 04:07.020
È possibile impostare il colore del
contenuto, ad esempio il punto di colore
bianco o nero.

55
04:07.050 --> 04:07.920
Lasciatemi correre.

56
04:07.950 --> 04:09.120
Ed eccoci qui.

57
04:09.150 --> 04:10.500
Questa è la nostra applicazione.

58
04:10.500 --> 04:13.200
È possibile vedere i colori generati.

59
04:13.200 --> 04:18.150
È possibile vedere le note recuperate e
recuperate con successo.

60
04:18.150 --> 04:27.270
Se eseguiamo nuovamente l'applicazione, si
può notare che i

61
04:27.270 --> 04:27.840
colori sono cambiati perché stiamo
generando colori casuali.

62
04:27.870 --> 04:28.320
Ok.

63
04:28.320 --> 04:30.090
Quindi, congratulazioni ragazzi.

64
04:30.090 --> 04:35.700
Questa è la nostra bella applicazione che
segue l'architettura MVVM.

65
04:35.700 --> 04:40.530
Abbiamo creato questa applicazione per
recuperare le notizie da Internet.

66
04:40.530 --> 04:48.870
Dall'API abbiamo imparato a conoscere
JSON, a conoscere il retrofit e a seguire
l'architettura MVVM per

67
04:48.870 --> 04:56.130
ottenere tutte le note e tutte le notizie
all'interno di questa bella applicazione
Jetpack Compose.