WEBVTT

1
00:00.860 --> 00:07.520
La nostra applicazione funziona bene, ma
abbiamo bisogno di visualizzare alcune

2
00:07.520 --> 00:09.920
note per scoprire la componibilità e
l'interfaccia utente di questa
applicazione.

3
00:09.950 --> 00:15.650
A tale scopo, creerò una nota dimostrativa
all'interno del nodo tre.

4
00:15.740 --> 00:18.980
Una nota è uguale a una nota.

5
00:18.980 --> 00:25.160
E qui inizio con zero, che è l'ID del
nodo, il titolo demo.

6
00:25.190 --> 00:27.890
Si noti la descrizione.

7
00:34.130 --> 00:36.710
Questa è la descrizione della nota.

8
00:36.710 --> 00:40.250
L'ultima cosa da passare è il colore.

9
00:40.250 --> 00:48.500
Quindi, se torniamo alla nota, dobbiamo
passare quattro

10
00:48.530 --> 00:49.700
parametri: id titolo, descrizione e colore
punto rosso.

11
00:49.700 --> 00:52.370
Ma qui c'è un problema.

12
00:52.370 --> 00:56.600
Dobbiamo passare un int al posto del
colore.

13
00:56.600 --> 01:00.470
Per questo è necessario passare il colore
esadecimale.

14
01:00.470 --> 01:12.320
Inizierò con l'esagono F59597 e lo
includerò all'interno di queste doppie
virgolette per utilizzare due colori int.

15
01:12.320 --> 01:16.850
Questo convertirà la stringa in un colore
int.

16
01:16.850 --> 01:22.430
Nello sviluppo Android, in particolare
quando si lavora con Jetpack Compose o
qualsiasi altro framework UI.

17
01:22.460 --> 01:30.500
Spesso è necessario convertire i codici
colore dal formato esadecimale in

18
01:30.530 --> 01:32.420
valori interi che il framework può usare
per impostare i colori.

19
01:32.450 --> 01:42.560
L'espressione FF5, nine, five, nine seven
to color int viene utilizzata

20
01:42.590 --> 01:45.110
per convertire una stringa di colore
esadecimale in una rappresentazione
intera.

21
01:45.110 --> 01:52.280
Questa funzione viene utilizzata per
convertire una stringa di colore
esadecimale in

22
01:52.280 --> 01:54.380
un valore di colore intero che può essere
utilizzato dal framework Android.

23
01:54.410 --> 01:59.720
Il secondo passo consiste nell'inserire
questo nodo nel database.

24
01:59.720 --> 02:08.930
A tale scopo, utilizzeremo la funzione
ViewModel node ViewModel

25
02:08.930 --> 02:10.190
dot insert, che prende come parametro un
oggetto nodo.

26
02:10.190 --> 02:12.050
Quindi inserire il nodo uno.

27
02:12.050 --> 02:20.420
Eseguiamo la nostra applicazione e
testiamo lo stato dell'osservatore e la
funzionalità di inserimento che abbiamo
creato.

28
02:20.420 --> 02:21.680
Ed eccoci qui.

29
02:21.710 --> 02:28.360
Questi sono i nodi illimitati che abbiamo
creato perché stiamo usando la
decomposizione.

30
02:28.360 --> 02:30.100
E ogni volta l'interfaccia utente.

31
02:30.130 --> 02:35.080
Viene scomposto e la nota viene aggiunta
con successo al nostro database.

32
02:35.080 --> 02:38.320
E questo non è un approccio professionale.

33
02:38.320 --> 02:45.490
Dobbiamo spostare questi codici da
Setcontent e inserirli nella funzione
Oncreate.

34
02:45.490 --> 02:53.770
Spostate sempre il codice dal Setcontent
se non sono collegati alle composizioni e
ai componibili.

35
02:53.770 --> 02:58.390
Arrestare l'applicazione, rimuoverla e
disinstallarla.

36
02:58.390 --> 03:05.230
Perché il database è sovraccaricato dal
numero illimitato di articoli generati.

37
03:05.230 --> 03:06.670
Lasciatemi correre di nuovo.

38
03:06.670 --> 03:09.190
Quindi utilizzate sempre questo approccio.

39
03:09.190 --> 03:14.080
Crearli nella funzione Oncreate e non in
Setcontent.

40
03:14.080 --> 03:15.130
Ed eccoci qui.

41
03:15.130 --> 03:22.420
Questa è la nostra applicazione che
visualizza una nota creata nel nostro
database.

42
03:22.450 --> 03:30.460
Nei prossimi video creeremo una
funzionalità che

43
03:30.490 --> 03:33.010
consentirà all'utente di inserire note nel
database.