Continuiamo con i Composable.
E in questo video introdurremo un nuovo composable, ovvero lo switch.
L'interruttore componibile è simile alla casella di controllo, ma è
progettato specificamente per scelte binarie on off o true false.
Fornisce un elemento dell'interfaccia utente con cui gli utenti possono
interagire per cambiare il suo stato tra due opzioni.
Creo una nuova funzione componibile e la chiamo esempio di switch.
A proposito, ho creato questo esempio di checkbox e lo creerò come
composable stateful, per rendere tutto più semplice e facile da imparare.
In seguito, nei prossimi progetti e nelle prossime
applicazioni, utilizzeremo Composables stateless var è controllato da.
Ricordate, allo stesso modo in cui abbiamo fatto per la casella di controllo, useremo
e faremo per l'interruttore Qui userò un booleano che inizialmente sarà impostato su false.
Poi inizierò con switch, che è uno switch componibile.
Assicurarsi di selezionare la voce composable Qui ho bisogno di usare due parametri, che sono obbligatori.
I controlli e i non controlli cambiano.
Ancora una volta, se andiamo sul controllo e facciamo clic con il tasto sinistro del mouse, possiamo vedere l'interruttore selezionato.
Deselezionare il modificatore di modifica contenuto pollice abilitato colori
fonte di interazione che sono i parametri dell'interruttore.
Componibile.
È necessario inserire due parametri obbligatori, il cambiamento controllato e quello non controllato.
Cominciamo con i controlli.
Controllare questo parametro di tipo booleano che rappresenta lo stato attuale dello switch.
Determina se l'interruttore è attivo o meno e in questo esempio
è legato alla variabile Ischecked, che contiene lo stato dell'interruttore.
Quindi devo assegnarla e vincolarla alla variabile ischecked.
Poi, nella modifica non controllata, devo impostare Ischecked uguale ad essa.
Questo parametro è una funzione lambda che accetta un singolo argomento di tipo booleano,
che rappresenta il nuovo stato dell'interruttore dopo che l'utente ha interagito con esso.
In questo esempio, ischecked è uguale a.
È una funzione lambda.
Quando l'utente interagisce con l'interruttore, accendendolo o spegnendolo.
Questa funzione lambda viene richiamata con il nuovo stato.
All'interno della funzione lambda, aggiorniamo la variabile ischecked con
il nuovo stato, aggiornando di fatto lo stato dell'interruttore.
In sintesi, switch è una funzione componibile utilizzata per visualizzare un elemento dell'interfaccia utente con interruttore a levetta.
Prende due parametri importanti, il check, che rappresenta lo stato attuale
dell'interruttore, e il change non controllato, che è una funzione lambda
chiamata quando l'utente interagisce con l'interruttore per aggiornarne lo stato.
Questo ci consente di controllare il comportamento dell'interruttore in risposta all'input dell'utente.
Eseguiamo la nostra applicazione.
Devo chiamare questo esempio di switch e nel set content creerò una colonna.
E all'interno di questa colonna sposterò l'esempio della casella di controllo.
E richiamo l'esecuzione della funzione componibile di esempio switch.
Ed eccoci qui.
Questo è il nostro interruttore.
Lo si può vedere.
E' in onda.
E ora si riparte come prima.
È possibile visualizzare un messaggio di brindisi per lo stato del commutatore.
Quindi, per creare un contesto di pasta di testo, passate lo stato, passate
la lunghezza e la durata e non mancate di usare il metodo show.
Esegui di nuovo ed eccoci qui.
Fare clic su interruttore.
Scegliete il vero ritorno a off.
Scegliete il falso.
Questo è l'interruttore componibile in Jetpack Compose.