Continuiamo con i pulsanti di opzione.
In questo video aggiungeremo il testo accanto al pulsante di opzione.
Possiamo crearla creando una nuova riga qui.
E al suo interno possiamo impostare il pulsante di opzione e un testo, ma lo creerò
in modo molto pulito, creando una nuova funzione componibile, chiamata riga del pulsante di opzione.
Quindi creo un nuovo composito, iniziando con la riga del pulsante di opzione della funzione di annotazione composita.
Questa funzione prende come parametri un testo di tipo stringa, selezionato di tipo booleano
e deselezionato, che è un'espressione lambda che non prende parametri e non restituisce nulla.
Creeremo una nuova riga e imposterò l'allineamento verticale su allineamento punto centrato verticalmente nei
prossimi video impareremo a conoscere l'allineamento e la disposizione Alt+ enter per importare l'allineamento
dall'interfaccia utente di composizione e qui centrato verticalmente e all'interno di questa riga inizierò
creando un pulsante di opzione e specificheremo il selezionato come selezionato, che è
un parametro che viene passato al parametro di riga del pulsante di opzione.
E al clic passeremo a selected, che è anche un parametro passato alla
funzione row del pulsante di opzione, un testo componibile uguale al testo.
Che è il terzo parametro della riga del pulsante di opzione componibile.
È possibile aggiungere padding e distanziatori simili.
Quindi, ad esempio, qui nel pulsante di opzione posso aggiungere un
modificatore dot padding e impostare la verticale a quattro dpi.
Ora chiamiamo questa funzione fila di pulsanti radio qui fila di pulsanti radio che
rimuoverò e a cui devo passare il primo parametro che è il testo.
Lo imposterò su.
L'opzione uno è selezionata, devo passarla come selezionata.
L'opzione uguale è uguale all'opzione uno.
E il terzo parametro, che è l'espressione lambda,
deve passare l'opzione selezionata uguale all'opzione uno.
Ok, ci siamo.
Questa è la nostra riga di pulsanti di opzione.
Farò lo stesso per gli altri pulsanti di opzione.
Quindi sostituisco la riga del pulsante di opzione.
E qui l'opzione 222.
E qui l'opzione tre tre e tre.
Ora eseguiamo la nostra applicazione ed eccola qui.
Abbiamo un gruppo di pulsanti di opzione che contiene tre opzioni.
Opzione uno, opzione due e opzione tre.
In questo video abbiamo imparato come aggiungere un testo accanto al pulsante di opzione.
E c'è una nota molto importante che potete usare allo stesso modo per aggiungere testo accanto all'interruttore o alla casella di controllo.