WEBVTT

1
00:01.040 --> 00:03.380
Continuiamo con i Composable.

2
00:03.380 --> 00:07.310
E in questo video introdurremo un nuovo
composable, ovvero lo switch.

3
00:07.340 --> 00:15.770
L'interruttore componibile è simile alla
casella di controllo, ma è

4
00:15.800 --> 00:16.970
progettato specificamente per scelte
binarie on off o true false.

5
00:16.970 --> 00:25.580
Fornisce un elemento dell'interfaccia
utente con cui gli utenti possono

6
00:25.610 --> 00:26.360
interagire per cambiare il suo stato tra
due opzioni.

7
00:26.360 --> 00:33.890
Creo una nuova funzione componibile e la
chiamo esempio di switch.

8
00:33.920 --> 00:43.130
A proposito, ho creato questo esempio di
checkbox e lo creerò come

9
00:43.130 --> 00:47.360
composable stateful, per rendere tutto più
semplice e facile da imparare.

10
00:47.360 --> 00:54.380
In seguito, nei prossimi progetti e nelle
prossime

11
00:54.410 --> 00:57.530
applicazioni, utilizzeremo Composables
stateless var è controllato da.

12
00:57.530 --> 01:05.850
Ricordate, allo stesso modo in cui abbiamo
fatto per la casella di controllo, useremo

13
01:05.850 --> 01:10.050
e faremo per l'interruttore Qui userò un
booleano che inizialmente sarà impostato
su false.

14
01:10.050 --> 01:15.600
Poi inizierò con switch, che è uno switch
componibile.

15
01:15.630 --> 01:24.060
Assicurarsi di selezionare la voce
composable Qui ho bisogno di usare due
parametri, che sono obbligatori.

16
01:24.060 --> 01:26.700
I controlli e i non controlli cambiano.

17
01:26.730 --> 01:33.270
Ancora una volta, se andiamo sul controllo
e facciamo clic con il tasto sinistro del
mouse, possiamo vedere l'interruttore
selezionato.

18
01:33.300 --> 01:41.220
Deselezionare il modificatore di modifica
contenuto pollice abilitato colori

19
01:41.220 --> 01:42.000
fonte di interazione che sono i parametri
dell'interruttore.

20
01:42.000 --> 01:42.810
Componibile.

21
01:42.810 --> 01:48.390
È necessario inserire due parametri
obbligatori, il cambiamento controllato e
quello non controllato.

22
01:48.390 --> 01:49.890
Cominciamo con i controlli.

23
01:49.890 --> 01:55.470
Controllare questo parametro di tipo
booleano che rappresenta lo stato attuale
dello switch.

24
01:55.500 --> 02:03.090
Determina se l'interruttore è attivo o
meno e in questo esempio

25
02:03.090 --> 02:05.940
è legato alla variabile Ischecked, che
contiene lo stato dell'interruttore.

26
02:05.940 --> 02:10.710
Quindi devo assegnarla e vincolarla alla
variabile ischecked.

27
02:10.710 --> 02:16.830
Poi, nella modifica non controllata, devo
impostare Ischecked uguale ad essa.

28
02:16.830 --> 02:24.750
Questo parametro è una funzione lambda che
accetta un singolo argomento di tipo
booleano,

29
02:24.750 --> 02:30.090
che rappresenta il nuovo stato
dell'interruttore dopo che l'utente ha
interagito con esso.

30
02:30.120 --> 02:32.610
In questo esempio, ischecked è uguale a.

31
02:32.640 --> 02:34.650
È una funzione lambda.

32
02:34.650 --> 02:39.840
Quando l'utente interagisce con
l'interruttore, accendendolo o
spegnendolo.

33
02:39.870 --> 02:44.130
Questa funzione lambda viene richiamata
con il nuovo stato.

34
02:44.130 --> 02:51.330
All'interno della funzione lambda,
aggiorniamo la variabile ischecked con

35
02:51.330 --> 02:53.220
il nuovo stato, aggiornando di fatto lo
stato dell'interruttore.

36
02:53.250 --> 02:59.970
In sintesi, switch è una funzione
componibile utilizzata per visualizzare un
elemento dell'interfaccia utente con
interruttore a levetta.

37
02:59.970 --> 03:07.200
Prende due parametri importanti, il check,
che rappresenta lo stato attuale

38
03:07.200 --> 03:13.240
dell'interruttore, e il change non
controllato, che è una funzione lambda

39
03:13.240 --> 03:14.560
chiamata quando l'utente interagisce con
l'interruttore per aggiornarne lo stato.

40
03:14.590 --> 03:20.890
Questo ci consente di controllare il
comportamento dell'interruttore in
risposta all'input dell'utente.

41
03:20.920 --> 03:22.840
Eseguiamo la nostra applicazione.

42
03:22.840 --> 03:29.710
Devo chiamare questo esempio di switch e
nel set content creerò una colonna.

43
03:29.710 --> 03:33.070
E all'interno di questa colonna sposterò
l'esempio della casella di controllo.

44
03:33.070 --> 03:37.390
E richiamo l'esecuzione della funzione
componibile di esempio switch.

45
03:37.390 --> 03:38.740
Ed eccoci qui.

46
03:38.770 --> 03:40.360
Questo è il nostro interruttore.

47
03:40.360 --> 03:41.200
Lo si può vedere.

48
03:41.230 --> 03:41.890
E' in onda.

49
03:41.890 --> 03:45.310
E ora si riparte come prima.

50
03:45.310 --> 03:49.660
È possibile visualizzare un messaggio di
brindisi per lo stato del commutatore.

51
03:49.660 --> 03:58.270
Quindi, per creare un contesto di pasta di
testo, passate lo stato, passate

52
03:58.300 --> 04:01.150
la lunghezza e la durata e non mancate di
usare il metodo show.

53
04:01.390 --> 04:03.520
Esegui di nuovo ed eccoci qui.

54
04:03.520 --> 04:04.630
Fare clic su interruttore.

55
04:04.630 --> 04:07.210
Scegliete il vero ritorno a off.

56
04:07.240 --> 04:08.860
Scegliete il falso.

57
04:08.860 --> 04:13.570
Questo è l'interruttore componibile in
Jetpack Compose.