WEBVTT

1
00:00.500 --> 00:02.210
Continuiamo con i Composable.

2
00:02.210 --> 00:04.610
In questo video impareremo a conoscere i
pulsanti di opzione.

3
00:04.610 --> 00:11.870
I pulsanti di opzione in Jetpack Compose
sono utilizzati per rappresentare un

4
00:11.870 --> 00:13.520
gruppo di opzioni tra le quali l'utente
può selezionarne solo una.

5
00:13.520 --> 00:20.360
Ogni pulsante di opzione ha tipicamente
un'etichetta associata e, quando si
seleziona un pulsante

6
00:20.360 --> 00:25.580
di opzione, qualsiasi pulsante di opzione
precedentemente selezionato nello stesso
gruppo viene deselezionato.

7
00:25.580 --> 00:30.110
Ecco un esempio di utilizzo di un pulsante
di opzione in Jetpack Compose.

8
00:30.110 --> 00:33.170
Iniziamo a creare una nuova funzione
compostabile.

9
00:33.200 --> 00:36.080
Lo chiamerò pulsante di opzione.

10
00:36.110 --> 00:41.000
Ancora un esempio, ragazzi, sto creando
funzioni componibili statiche.

11
00:41.000 --> 00:49.850
In questa sezione, inizierò creando una
variabile denominata come opzione
selezionata da remember.

12
00:49.850 --> 00:55.010
E qui ho bisogno di usare lo stato
mutabile di named come opzione.

13
00:55.010 --> 01:00.590
Uno stato mutabile di questa funzione crea
un supporto di stato per un valore
mutabile.

14
01:00.590 --> 01:05.140
In questo caso, crea uno stato mutabile
che contiene un valore stringa.

15
01:05.140 --> 01:06.100
Prima opzione.

16
01:06.100 --> 01:13.510
Inizialmente, lo stato mutabile di una
funzione restituisce un

17
01:13.510 --> 01:14.290
oggetto stato mutabile, che ha due
importanti proprietà.

18
01:14.320 --> 01:20.680
Value rappresenta il valore corrente dello
stato e set value una funzione utilizzata
per aggiornare lo stato.

19
01:20.710 --> 01:27.880
Si ricorda che questa funzione viene
utilizzata per mantenere lo stato tra le
ricomposizioni della funzione componibile.

20
01:27.880 --> 01:35.470
Garantisce che lo stato non venga
ricomposto e ricalcolato ogni volta che
viene richiamata la

21
01:35.470 --> 01:40.720
funzione componibile, ma che in questo
caso venga ricordato il valore tra le
varie ricomposizioni.

22
01:40.750 --> 01:47.230
Remember è usato per ricordare lo stato
mutabile creato dallo stato mutabile della
funzione.

23
01:47.230 --> 01:50.260
Quindi, in sintesi, var ha selezionato
l'opzione da.

24
01:50.260 --> 01:56.260
Ricordare lo stato mutabile dell'opzione
uno viene utilizzato per creare una
variabile mutabile.

25
01:56.260 --> 02:03.730
Opzioni selezionate il cui valore viene
ricordato in tutte le ricomposizioni e
impostato inizialmente sull'opzione uno.

26
02:03.730 --> 02:10.910
Questa variabile contiene lo stato del
pulsante di opzione selezionato,
consentendoci

27
02:10.940 --> 02:13.490
di tenere traccia dell'opzione attualmente
selezionata nell'interfaccia utente di
Jetpack Compose.

28
02:13.520 --> 02:19.370
Creerò una colonna per creare tre pulsanti
di opzione.

29
02:19.400 --> 02:25.190
Inizierò con il pulsante di opzione e
selezionerò quello componibile.

30
02:25.220 --> 02:30.680
Qui abbiamo due parametri, che sono
obbligatori.

31
02:30.680 --> 02:36.560
Ma prima andiamo sul pulsante di opzione
Controllo componibile e facciamo clic con
il tasto sinistro del mouse.

32
02:36.560 --> 02:43.850
Abbiamo selezionato il modificatore
booleano onclick Lambda che abilita i
colori dell'origine dell'interazione.

33
02:43.850 --> 02:46.010
Questi sono i parametri del pulsante di
opzione.

34
02:46.010 --> 02:53.420
Siamo interessati e dobbiamo specificare
due parametri: selected e onClick
selected.

35
02:53.420 --> 03:00.200
Questo parametro è di tipo booleano e
determina se il pulsante di opzione è
selezionato o meno.

36
03:00.230 --> 03:06.770
In questo caso, è legata all'espressione
select selected option, che è uguale
all'opzione one.

37
03:06.770 --> 03:14.590
Quando l'opzione selezionata è uguale
all'opzione uno Questa espressione ha
valore

38
03:14.590 --> 03:16.450
true e indica che il pulsante Radio deve
essere selezionato.

39
03:16.450 --> 03:21.550
Quindi l'opzione selezionata è uguale
all'opzione uno.

40
03:21.580 --> 03:25.450
Poi devo specificare il parametro onclick.

41
03:25.480 --> 03:32.920
Questo parametro è una funzione lambda che
viene richiamata quando l'utente fa clic
sul pulsante di opzione.

42
03:32.950 --> 03:40.360
In questo esempio, specificherò che
l'opzione selezionata è uguale all'opzione
uno.

43
03:40.360 --> 03:45.640
Quindi, quando l'utente fa clic sul
pulsante di opzione, viene invocata questa
funzione lambda.

44
03:45.640 --> 03:47.110
All'interno della funzione lambda.

45
03:47.110 --> 03:54.550
Aggiorniamo la variabile selected option a
option one,

46
03:54.580 --> 03:55.090
indicando che l'utente ha selezionato la
prima opzione.

47
03:55.120 --> 04:00.880
In sintesi, il pulsante di opzione è un
elemento composito utilizzato per
visualizzare un pulsante di opzione
dell'interfaccia utente.

48
04:00.910 --> 04:07.450
Richiede due importanti parametri
selected, che determina se il pulsante di
opzione è selezionato, e on click,

49
04:07.450 --> 04:14.090
una funzione lambda richiamata quando
l'utente fa clic sul pulsante di opzione
per aggiornarne lo stato.

50
04:14.090 --> 04:19.340
Questo ci consente di controllare il
comportamento del pulsante di opzione in
risposta all'input dell'utente.

51
04:19.370 --> 04:26.630
Creerò altri due pulsanti di opzione e
aggiornerò le opzioni all'opzione due.

52
04:26.660 --> 04:28.010
Terza opzione.

53
04:28.010 --> 04:31.070
Chiamiamo questa funzione pulsante di
opzione.

54
04:31.070 --> 04:31.940
Esempio.

55
04:31.940 --> 04:38.270
All'interno di Setcontent eseguite
l'applicazione e potete vedere che questi
sono i pulsanti di opzione.

56
04:38.270 --> 04:47.000
Si può notare che questi pulsanti di
opzione consentono all'utente di
selezionare solo un'opzione da questi
gruppi.

57
04:47.000 --> 04:48.590
E queste opzioni.

58
04:48.590 --> 04:53.390
C'è una nota importante che dovrei
menzionare qui.

59
04:53.390 --> 05:01.070
Per visualizzare un testo vicino al
pulsante di opzione, è possibile
utilizzare un compositore

60
05:01.070 --> 05:03.290
di righe che contiene sia il pulsante di
opzione che un compositore di testo.

61
05:03.290 --> 05:13.400
Quindi possiamo usare la riga del pulsante
di opzione invece di usare il pulsante di

62
05:13.400 --> 05:17.390
opzione, che è una nuova funzione
componibile che useremo e creeremo nel
prossimo video.