Abbiamo terminato il database della stanza e il repository, e con questo abbiamo terminato il livello modale.
Abbiamo anche terminato la vista modale.
Passiamo ora al livello di visualizzazione.
Tornare a Android Studio.
Creare un nuovo pacchetto chiamato schermi.
Questo pacchetto di schermate fungerà da livello di vista dell'architettura MVVM.
Al suo interno creeremo i Composable.
Inizio con un elemento dell'elenco di note e all'interno di questo
file creo una nuova funzione componibile chiamata elemento dell'elenco di note.
Prenderà un oggetto nota all'interno dei parametri qui presenti.
All'interno di questo composable, creerò una nuova card composable.
All'interno di questa scheda creerò tre composable: un testo, un distanziatore e un altro testo.
E per visualizzarli in modo verticale, utilizzeremo la colonna componibile.
Iniziare con il nome della nota dal titolo dell'oggetto nota.
Dobbiamo aggiungere altri parametri per questo testo.
La dimensione del carattere è 18 e il peso del carattere è uguale al peso del carattere bold.
Creo un altro nodo di testo dot description e imposto la dimensione del carattere pari a 16 SP.
È necessario aggiungere uno spazio tra questi due composti.
Utilizzerò il set composito di distanziatori.
L'altezza del punto del modificatore è pari a sei dpi.
Questo è l'elemento dell'elenco dei nodi.
Ora aggiungiamo alcuni parametri per la colonna e il carrello per la colonna.
Imposterò il modificatore equals su modifier dot, riempirò la larghezza massima e imposterò il padding a 12 dpi.
In questo modo si imposta il modificatore per la colonna.
Ora per il carrello aggiungeremo alcuni parametri.
L'elevazione è uguale a quella predefinita del carrello, punteggiare l'elevazione del carrello e impostare l'elevazione del carrello tra queste parentesi.
Un altro parametro del carrello è il colore.
È necessario impostare il colore della carta come parametro del colore della nota.
Quindi, se andiamo di nuovo al nodo, possiamo vedere il colore qui.
Si tratta di una variabile.
Dobbiamo usare questa variabile per ottenere il colore scelto dall'utente quando crea
il nodo e impostarlo per visualizzarlo come colore di questa scheda.
Utilizzeremo le impostazioni predefinite della carta, i colori della carta a punti.
E se andiamo ai colori delle schede, possiamo vedere che ci sono molte opzioni: il colore del
contenitore, il colore del contenuto, il colore del contenitore disabilitato e il colore del contenuto disabilitato.
Abbiamo quattro colori che possiamo impostare.
Siamo interessati al colore del contenitore.
Utilizzeremo il parametro del colore del contenitore e useremo il colore del punto del nodo colore.
Quindi, se torniamo al contenitore color, è un oggetto di tipo color.
A proposito, il colore qui è memorizzato come numero intero.
Perché la memorizzazione di tipi complessi non è accettata nel database delle stanze.
Per questo motivo abbiamo utilizzato questa classe di colori.
E abbiamo passato il colore come numero intero per creare questo colore.
Un altro parametro è il tratto del bordo, con una larghezza di un dpi e un colore nero.
In questo video abbiamo progettato l'elemento dell'elenco delle note.
Le voci che visualizzeranno i record del database della sala.