Continuiamo con i Composable.
In questo video impareremo a conoscere i pulsanti di opzione.
I pulsanti di opzione in Jetpack Compose sono utilizzati per rappresentare un
gruppo di opzioni tra le quali l'utente può selezionarne solo una.
Ogni pulsante di opzione ha tipicamente un'etichetta associata e, quando si seleziona un pulsante
di opzione, qualsiasi pulsante di opzione precedentemente selezionato nello stesso gruppo viene deselezionato.
Ecco un esempio di utilizzo di un pulsante di opzione in Jetpack Compose.
Iniziamo a creare una nuova funzione compostabile.
Lo chiamerò pulsante di opzione.
Ancora un esempio, ragazzi, sto creando funzioni componibili statiche.
In questa sezione, inizierò creando una variabile denominata come opzione selezionata da remember.
E qui ho bisogno di usare lo stato mutabile di named come opzione.
Uno stato mutabile di questa funzione crea un supporto di stato per un valore mutabile.
In questo caso, crea uno stato mutabile che contiene un valore stringa.
Prima opzione.
Inizialmente, lo stato mutabile di una funzione restituisce un
oggetto stato mutabile, che ha due importanti proprietà.
Value rappresenta il valore corrente dello stato e set value una funzione utilizzata per aggiornare lo stato.
Si ricorda che questa funzione viene utilizzata per mantenere lo stato tra le ricomposizioni della funzione componibile.
Garantisce che lo stato non venga ricomposto e ricalcolato ogni volta che viene richiamata la
funzione componibile, ma che in questo caso venga ricordato il valore tra le varie ricomposizioni.
Remember è usato per ricordare lo stato mutabile creato dallo stato mutabile della funzione.
Quindi, in sintesi, var ha selezionato l'opzione da.
Ricordare lo stato mutabile dell'opzione uno viene utilizzato per creare una variabile mutabile.
Opzioni selezionate il cui valore viene ricordato in tutte le ricomposizioni e impostato inizialmente sull'opzione uno.
Questa variabile contiene lo stato del pulsante di opzione selezionato, consentendoci
di tenere traccia dell'opzione attualmente selezionata nell'interfaccia utente di Jetpack Compose.
Creerò una colonna per creare tre pulsanti di opzione.
Inizierò con il pulsante di opzione e selezionerò quello componibile.
Qui abbiamo due parametri, che sono obbligatori.
Ma prima andiamo sul pulsante di opzione Controllo componibile e facciamo clic con il tasto sinistro del mouse.
Abbiamo selezionato il modificatore booleano onclick Lambda che abilita i colori dell'origine dell'interazione.
Questi sono i parametri del pulsante di opzione.
Siamo interessati e dobbiamo specificare due parametri: selected e onClick selected.
Questo parametro è di tipo booleano e determina se il pulsante di opzione è selezionato o meno.
In questo caso, è legata all'espressione select selected option, che è uguale all'opzione one.
Quando l'opzione selezionata è uguale all'opzione uno Questa espressione ha valore
true e indica che il pulsante Radio deve essere selezionato.
Quindi l'opzione selezionata è uguale all'opzione uno.
Poi devo specificare il parametro onclick.
Questo parametro è una funzione lambda che viene richiamata quando l'utente fa clic sul pulsante di opzione.
In questo esempio, specificherò che l'opzione selezionata è uguale all'opzione uno.
Quindi, quando l'utente fa clic sul pulsante di opzione, viene invocata questa funzione lambda.
All'interno della funzione lambda.
Aggiorniamo la variabile selected option a option one,
indicando che l'utente ha selezionato la prima opzione.
In sintesi, il pulsante di opzione è un elemento composito utilizzato per visualizzare un pulsante di opzione dell'interfaccia utente.
Richiede due importanti parametri selected, che determina se il pulsante di opzione è selezionato, e on click,
una funzione lambda richiamata quando l'utente fa clic sul pulsante di opzione per aggiornarne lo stato.
Questo ci consente di controllare il comportamento del pulsante di opzione in risposta all'input dell'utente.
Creerò altri due pulsanti di opzione e aggiornerò le opzioni all'opzione due.
Terza opzione.
Chiamiamo questa funzione pulsante di opzione.
Esempio.
All'interno di Setcontent eseguite l'applicazione e potete vedere che questi sono i pulsanti di opzione.
Si può notare che questi pulsanti di opzione consentono all'utente di selezionare solo un'opzione da questi gruppi.
E queste opzioni.
C'è una nota importante che dovrei menzionare qui.
Per visualizzare un testo vicino al pulsante di opzione, è possibile utilizzare un compositore
di righe che contiene sia il pulsante di opzione che un compositore di testo.
Quindi possiamo usare la riga del pulsante di opzione invece di usare il pulsante di
opzione, che è una nuova funzione componibile che useremo e creeremo nel prossimo video.