WEBVTT

1
00:00.830 --> 00:02.840
Continuiamo con i pulsanti di opzione.

2
00:02.840 --> 00:07.070
In questo video aggiungeremo il testo
accanto al pulsante di opzione.

3
00:07.070 --> 00:10.790
Possiamo crearla creando una nuova riga
qui.

4
00:10.790 --> 00:19.910
E al suo interno possiamo impostare il
pulsante di opzione e un testo, ma lo
creerò

5
00:19.910 --> 00:23.420
in modo molto pulito, creando una nuova
funzione componibile, chiamata riga del
pulsante di opzione.

6
00:23.420 --> 00:31.010
Quindi creo un nuovo composito, iniziando
con la riga del pulsante di opzione della
funzione di annotazione composita.

7
00:31.010 --> 00:42.620
Questa funzione prende come parametri un
testo di tipo stringa, selezionato di tipo
booleano

8
00:42.620 --> 00:48.140
e deselezionato, che è un'espressione
lambda che non prende parametri e non
restituisce nulla.

9
00:48.140 --> 00:59.390
Creeremo una nuova riga e imposterò
l'allineamento verticale su allineamento
punto centrato verticalmente nei

10
00:59.390 --> 01:07.550
prossimi video impareremo a conoscere
l'allineamento e la disposizione Alt+
enter per importare l'allineamento

11
01:07.550 --> 01:16.710
dall'interfaccia utente di composizione e
qui centrato verticalmente e all'interno
di questa riga inizierò

12
01:16.710 --> 01:23.430
creando un pulsante di opzione e
specificheremo il selezionato come
selezionato, che è

13
01:23.430 --> 01:24.540
un parametro che viene passato al
parametro di riga del pulsante di opzione.

14
01:24.540 --> 01:33.240
E al clic passeremo a selected, che è
anche un parametro passato alla

15
01:33.240 --> 01:39.780
funzione row del pulsante di opzione, un
testo componibile uguale al testo.

16
01:39.780 --> 01:44.160
Che è il terzo parametro della riga del
pulsante di opzione componibile.

17
01:44.160 --> 01:48.330
È possibile aggiungere padding e
distanziatori simili.

18
01:48.330 --> 01:56.850
Quindi, ad esempio, qui nel pulsante di
opzione posso aggiungere un

19
01:56.850 --> 01:59.610
modificatore dot padding e impostare la
verticale a quattro dpi.

20
02:00.840 --> 02:10.110
Ora chiamiamo questa funzione fila di
pulsanti radio qui fila di pulsanti radio
che

21
02:10.110 --> 02:12.510
rimuoverò e a cui devo passare il primo
parametro che è il testo.

22
02:12.510 --> 02:13.590
Lo imposterò su.

23
02:13.620 --> 02:19.130
L'opzione uno è selezionata, devo passarla
come selezionata.

24
02:19.160 --> 02:23.330
L'opzione uguale è uguale all'opzione uno.

25
02:23.330 --> 02:32.750
E il terzo parametro, che è l'espressione
lambda,

26
02:32.750 --> 02:33.410
deve passare l'opzione selezionata uguale
all'opzione uno.

27
02:33.440 --> 02:35.300
Ok, ci siamo.

28
02:35.480 --> 02:37.640
Questa è la nostra riga di pulsanti di
opzione.

29
02:37.670 --> 02:40.820
Farò lo stesso per gli altri pulsanti di
opzione.

30
02:40.820 --> 02:43.610
Quindi sostituisco la riga del pulsante di
opzione.

31
02:43.610 --> 02:47.300
E qui l'opzione 222.

32
02:47.330 --> 02:50.870
E qui l'opzione tre tre e tre.

33
02:50.900 --> 02:54.920
Ora eseguiamo la nostra applicazione ed
eccola qui.

34
02:54.950 --> 02:59.840
Abbiamo un gruppo di pulsanti di opzione
che contiene tre opzioni.

35
02:59.870 --> 03:03.770
Opzione uno, opzione due e opzione tre.

36
03:03.770 --> 03:10.670
In questo video abbiamo imparato come
aggiungere un testo accanto al pulsante di
opzione.

37
03:10.670 --> 03:19.700
E c'è una nota molto importante che potete
usare allo stesso modo per aggiungere
testo accanto all'interruttore o alla
casella di controllo.