WEBVTT 1 00:00.830 --> 00:06.440 Abbiamo terminato il database della stanza e il repository, e con questo abbiamo terminato il livello modale. 2 00:06.470 --> 00:08.690 Abbiamo anche terminato la vista modale. 3 00:08.690 --> 00:11.390 Passiamo ora al livello di visualizzazione. 4 00:11.420 --> 00:13.010 Tornare a Android Studio. 5 00:13.040 --> 00:16.490 Creare un nuovo pacchetto chiamato schermi. 6 00:16.490 --> 00:22.010 Questo pacchetto di schermate fungerà da livello di vista dell'architettura MVVM. 7 00:22.010 --> 00:24.980 Al suo interno creeremo i Composable. 8 00:25.010 --> 00:36.260 Inizio con un elemento dell'elenco di note e all'interno di questo 9 00:36.260 --> 00:37.880 file creo una nuova funzione componibile chiamata elemento dell'elenco di note. 10 00:37.880 --> 00:43.400 Prenderà un oggetto nota all'interno dei parametri qui presenti. 11 00:43.400 --> 00:47.990 All'interno di questo composable, creerò una nuova card composable. 12 00:47.990 --> 00:55.220 All'interno di questa scheda creerò tre composable: un testo, un distanziatore e un altro testo. 13 00:55.220 --> 01:01.370 E per visualizzarli in modo verticale, utilizzeremo la colonna componibile. 14 01:01.400 --> 01:07.280 Iniziare con il nome della nota dal titolo dell'oggetto nota. 15 01:07.280 --> 01:10.850 Dobbiamo aggiungere altri parametri per questo testo. 16 01:10.850 --> 01:17.390 La dimensione del carattere è 18 e il peso del carattere è uguale al peso del carattere bold. 17 01:17.420 --> 01:25.980 Creo un altro nodo di testo dot description e imposto la dimensione del carattere pari a 16 SP. 18 01:26.010 --> 01:29.340 È necessario aggiungere uno spazio tra questi due composti. 19 01:29.340 --> 01:32.490 Utilizzerò il set composito di distanziatori. 20 01:32.490 --> 01:36.300 L'altezza del punto del modificatore è pari a sei dpi. 21 01:36.330 --> 01:38.640 Questo è l'elemento dell'elenco dei nodi. 22 01:38.640 --> 01:44.760 Ora aggiungiamo alcuni parametri per la colonna e il carrello per la colonna. 23 01:44.760 --> 01:53.760 Imposterò il modificatore equals su modifier dot, riempirò la larghezza massima e imposterò il padding a 12 dpi. 24 01:53.790 --> 01:57.630 In questo modo si imposta il modificatore per la colonna. 25 01:57.660 --> 02:02.370 Ora per il carrello aggiungeremo alcuni parametri. 26 02:02.400 --> 02:10.500 L'elevazione è uguale a quella predefinita del carrello, punteggiare l'elevazione del carrello e impostare l'elevazione del carrello tra queste parentesi. 27 02:10.530 --> 02:14.160 Un altro parametro del carrello è il colore. 28 02:14.160 --> 02:20.340 È necessario impostare il colore della carta come parametro del colore della nota. 29 02:20.340 --> 02:24.840 Quindi, se andiamo di nuovo al nodo, possiamo vedere il colore qui. 30 02:24.840 --> 02:26.310 Si tratta di una variabile. 31 02:26.310 --> 02:34.410 Dobbiamo usare questa variabile per ottenere il colore scelto dall'utente quando crea 32 02:34.410 --> 02:37.730 il nodo e impostarlo per visualizzarlo come colore di questa scheda. 33 02:37.760 --> 02:41.690 Utilizzeremo le impostazioni predefinite della carta, i colori della carta a punti. 34 02:41.690 --> 02:48.860 E se andiamo ai colori delle schede, possiamo vedere che ci sono molte opzioni: il colore del 35 02:48.860 --> 02:53.090 contenitore, il colore del contenuto, il colore del contenitore disabilitato e il colore del contenuto disabilitato. 36 02:53.090 --> 02:55.310 Abbiamo quattro colori che possiamo impostare. 37 02:55.340 --> 02:58.340 Siamo interessati al colore del contenitore. 38 02:58.340 --> 03:05.780 Utilizzeremo il parametro del colore del contenitore e useremo il colore del punto del nodo colore. 39 03:05.780 --> 03:11.000 Quindi, se torniamo al contenitore color, è un oggetto di tipo color. 40 03:11.000 --> 03:15.080 A proposito, il colore qui è memorizzato come numero intero. 41 03:15.080 --> 03:20.750 Perché la memorizzazione di tipi complessi non è accettata nel database delle stanze. 42 03:20.750 --> 03:24.950 Per questo motivo abbiamo utilizzato questa classe di colori. 43 03:24.950 --> 03:30.080 E abbiamo passato il colore come numero intero per creare questo colore. 44 03:30.110 --> 03:38.390 Un altro parametro è il tratto del bordo, con una larghezza di un dpi e un colore nero. 45 03:38.390 --> 03:43.520 In questo video abbiamo progettato l'elemento dell'elenco delle note. 46 03:43.520 --> 03:48.830 Le voci che visualizzeranno i record del database della sala.