Congratulazioni, ragazzi.
Siamo riusciti a inserire il primo nodo nel database della stanza, ma si tratta di un approccio dimostrativo.
Non lo utilizzeremo nella nostra applicazione completa.
Dobbiamo consentire all'utente di inserire il nome, il titolo, la descrizione e
di scegliere un colore da un selezionatore di colori per il nodo.
Per questo, cancelleremo questo codice dall'attività principale nel metodo create e creeremo
una nuova classe Kotlin o un file Kotlin chiamato Display dialog.
Questa finestra di dialogo consente all'utente di inserire il titolo del nodo, la descrizione del nodo e il colore del nodo.
A tale scopo, creeremo una nuova funzione componibile, denominata display dialog.
Visualizza nodo modale visualizza modale Inizierò con var title by.
Ricordare lo stato mutabile di e dobbiamo impostare il valore iniziale su questo alt plus.
Invio per importare l'operatore e Alt più Invio per importare il valore impostato.
Dobbiamo creare un'altra variabile, chiamata description, che ricordi lo
stato mutabile di e sia di tipo string.
Naturalmente, è necessario creare un altro colore selezionato da.
Ricorda lo stato mutabile di e imposta il colore sul blu.
Anche in questo caso stiamo creando tre variabili: titolo, descrizione
e colore selezionato e abbiamo usato la parola chiave by.
La parola chiave By è utilizzata per la delega delle proprietà in Kotlin.
Consente alla variabile colore selezionato, ad esempio, di delegare i suoi getter e
setter allo stato mutabile dell'oggetto, facendola comportare come una variabile di stato.
E ricordare è una funzione componibile che mantiene lo stato attraverso le ricomposizioni.
Garantisce che lo stato non venga resettato ogni volta che la funzione componibile viene ricomposta e mutabile.
State of crea un oggetto di stato mutabile con un valore iniziale di color, dot blue che
può essere letto e modificato; qualsiasi modifica a questo stato innesca la ricomposizione delle relative funzioni componibili.
Seguendo questo modello, si ottengono componenti dell'interfaccia utente dinamici e reattivi, in grado
di reagire efficacemente alle interazioni dell'utente o ad altri cambiamenti di stato.
Quindi, qui imposteremo una finestra di dialogo per gli avvisi.
E dobbiamo impostare la richiesta di licenziamento.
E quel pulsante di conferma.
Alert dialog è una funzione componibile di Jetpack Compose, utilizzata per creare finestre
modali che tipicamente presentano agli utenti informazioni o opzioni che richiedono una decisione.
La finestra di dialogo di avviso è un compositore di alto livello che fornisce un modo semplice per creare
finestre di dialogo standard che includono testo del titolo, pulsanti di contenuto e altri elementi componibili e personalizzabili.
È necessario passare la richiesta di cancellazione e il pulsante di conferma.
Si tratta di parametri obbligatori per la richiesta di licenziamento.
Una funzione lambda che viene richiamata quando l'utente tenta di chiudere la finestra di
dialogo facendo clic al di fuori di essa o premendo il pulsante indietro.
È qui che di solito si aggiorna lo stato per nascondere la finestra di dialogo.
Il titolo, che è una funzione componibile che definisce il titolo della finestra di dialogo.
Il testo.
Una funzione componibile che definisce il contenuto del testo principale del pulsante di conferma della finestra di dialogo è una funzione componibile.
Definizione del pulsante di conferma dell'azione.
Il pulsante Dismiss è una funzione componibile che definisce il pulsante per chiudere o annullare la finestra di dialogo.
Si possono notare le annotazioni componibili per l'icona, il titolo, il
pulsante di eliminazione del testo e il pulsante di conferma.
Il modificatore che utilizza le proprietà di stile e il parametro opzionale per impostare le proprietà della
finestra di dialogo, ad esempio se la finestra di dialogo può essere chiusa facendo clic all'esterno.
E queste sono le quattro personalizzazioni e altre ancora, come ad esempio il contenuto
del testo, il colore del titolo, il contenuto, il colore dell'icona e altro.
Ok, questo è l'alertdialog componibile in Jetpack Compose su richiesta di licenziamento.
Non ho intenzione di creare nulla qui.
Titolo Ho bisogno di impostarlo come un nuovo testo componibile inserire.
Se si torna alla dichiarazione, si può notare che il titolo è un elemento componibile.
Quindi è necessario impostare un testo componibile.
È inoltre necessario impostare un testo.
Il testo qui presente è un altro componibile.
Per questo è necessario creare altri compositori.
Qui voglio che vi concentriate su di me, perché imposterò i campi
di testo e il selezionatore di colori all'interno del parametro testo colon.
E all'interno di questo colon dobbiamo creare due campi di testo.
Il primo prenderà il valore del parametro title che abbiamo creato prima sulla catena di
valori, dobbiamo impostare il title su width e il label su un'altra funzione componibile.
Impostare come titolo del nodo un altro campo di testo.
L'impostazione del valore della variabile description, creata prima di impostare il cambiamento
di valore su description, è uguale ad essa e l'etichetta è
uguale a un'altra funzione componibile, che è il nodo text description.
Creare un distanziatore tra questi due campi di testo.
Modificatore altezza punti otto DP.
Importare la classe del modificatore e del modificatore componibile,
quindi è necessario scegliere il modificatore UI corretto.
Poi un altro distanziale.
Lo copio e lo incollo qui 16 DP.
E qui creeremo un selezionatore di colori componibile