Ciao e bentornato.
In questo video parleremo delle caselle di controllo.
Una casella di controllo è un componente dell'interfaccia utente che consente all'utente di passare da uno stato all'altro, in genere spuntato o non spuntato.
È comunemente usato nei moduli, nelle impostazioni, nelle schermate e in
tutte le situazioni in cui è necessario rappresentare scelte binarie.
Vi illustro un semplice esempio di utilizzo di una casella di controllo in Jetpack Compose.
Per prima cosa dobbiamo creare una funzione componibile, e qui ho bisogno di dichiarare la variabile.
Inizierò con il var controllato da.
Ricordare lo stato mutabile di e usare lo stato mutabile falso di.
Questa funzione crea un supporto di stato per il valore mutabile.
In questo caso, crea uno stato mutabile che contiene un valore booleano inizialmente falso.
La funzione mutable state restituisce un oggetto mutable state, che ha due
importanti proprietà: value, che rappresenta il valore corrente dello stato, e
set value, che è una funzione usata per aggiornare lo stato.
Per saperne di più sugli Stati, consultare la sezione precedente.
Ricordiamo che la funzione remember viene utilizzata per conservare
lo stato attraverso le ricomposizioni della funzione componibile.
Assicura che lo stato non venga ricalcolato ogni volta che viene richiamata la
funzione componibile, ma che il valore venga memorizzato tra le varie ricomposizioni.
In sintesi, questa riga crea una variabile mutabile checked, il cui valore
viene ricordato in tutte le ricomposizioni ed è inizialmente impostato su false.
Questa variabile contiene lo stato della casella di controllo, consentendoci di tenere traccia del suo stato
selezionato o deselezionato Nell'interfaccia utente di Jetpack Compose, dobbiamo dichiarare la casella di controllo compostabile.
Quindi, selezionate la casella di controllo e assicuratevi di usare la casella di controllo, che è un elemento componibile.
Questo è il logo, che è una funzione componibile.
Abbiamo due parametri che devono essere compilati obbligatoriamente.
I controlli e i non controlli cambiano.
Checked è un parametro di tipo booleano e rappresenta lo stato attuale della casella di controllo.
In questo caso, è legata alla variabile checked dichiarata in precedenza.
Quando checked è true, la casella di controllo viene visualizzata come checked e quando è false, la casella di
controllo viene visualizzata come unchecked, quindi devo assegnarla alla variabile checked che abbiamo dichiarato prima della modifica di unchecked.
Questo parametro è una funzione lambda che accetta un singolo parametro di tipo booleano, che
rappresenta il nuovo stato della casella di controllo dopo che l'utente ha interagito con essa.
In questo esempio viene controllata un'espressione lambda.
Quindi lasciate che vi mostri.
È controllato.
Sto impostando la variabile checked sul booleano is checked, quindi sto assegnando questa variabile a.
Questo viene controllato quando l'utente interagisce con la casella di controllo, selezionandola o deselezionandola.
Questa funzione lambda viene chiamata con un nuovo stato che viene controllato all'interno della funzione lambda.
Aggiorniamo la variabile checked con il nuovo stato, aggiornando di fatto
lo stato del controllo checkbox e del clic del mouse.
Possiamo passare alla casella di controllo.
Si possono vedere i parametri controllati e non controllati modificati.
Si tratta di due parametri obbligatori: i colori abilitati dal modificatore e la fonte di interazione.
Siamo interessati al cambiamento controllato e non controllato.
Richiamo l'esempio della casella di controllo all'interno di Setcontent ed eseguo l'applicazione.
Ed eccoci qui.
Questa è la nostra casella di controllo.
Questo è selezionato e questo è deselezionato.
Ora aggiungiamo alcune funzionalità per il controllo all'interno del cambiamento di controllo, ho bisogno di visualizzare un
messaggio di brindisi che ci dica che lo stato della casella di controllo non fa testo.
Qui è necessario passare il contesto e il messaggio.
Durata e esterno Ho bisogno di visualizzare un metodo di visualizzazione.
Corriamo ed eccoci qua.
Selezionate la casella di controllo e vedrete che il controllo è vero.
Se il controllo è falso, deselezionarlo.
Quindi, congratulazioni ragazzi.
Abbiamo imparato a conoscere una casella di controllo.
Per fare un rapido riepilogo, checkbox è un elemento composito utilizzato per
visualizzare una casella di controllo dell'interfaccia utente che richiede due parametri importanti,
ovvero checked e uncheck, che rappresentano lo stato della casella di controllo.
E la modifica non selezionata è una funzione Lambda chiamata quando
l'utente interagisce con la casella di controllo per aggiornarne lo stato.
Questo ci consente di controllare il comportamento della casella di controllo in risposta all'input dell'utente.