In questo articolo vedremo come utilizzare il controllo "Switch", detto anche controllo "Toogle" in un progetto Windows Application, utilizzando il linguaggio di programmazione C# ed il Framework MAUI.
Utilizzeremo l'ambiente di sviluppo Visual Studio 2022 Community.
Creazione del progetto
Dopo aver creato il progetto o aperto uno nel quale fare i test, occorre aggiungere al progetto un controllo di tipo Label ed un controllo di tipo Switch, il tutto come mostrato nella figura precedente.
Di seguito si riporta il frammento di codice di XAML delle suddette operazioni.
XAML
<Label
Text=""
x:Name="lbltesto" />
<Switch
x:Name="switchDati"
SemanticProperties.HeadingLevel="Level2"
SemanticProperties.Description="Esempio di
utilizzo Switch" />
Stesura del codice
Ora che abbiamo aggiunto i controlli, non resta che scoprire alcuni aspetti di questo controllo.
La prima operazione che facciamo è quella di gestire l'evento, in particolare quando il pallino si sposta da una parte. Il Toogle o Switch è un pulsante, dove il pallino posizionato nella parte destra è attivo (ok, o si) e nella parte sinistra è disattivato (non ok o no).
L'evento per gestire è denominato "Toggled", scriviamo nel tag XAML del controllo tale nome evento e poi tramite il segno "=" e l'autocomposizione facciamo definire l'evento. Il tutto sarà come il codice qui di seguito.
XAML
<Switch
x:Name="switchDati" Toggled="OnSwitchToggled"
SemanticProperties.HeadingLevel="Level2"
SemanticProperties.Description="Esempio di
utilizzo Switch" />
Posizioniamo il puntante sulla parola "OnSwitchToggled" e tramite il pulsante della tastiera "F7", passiamo in visualizza codice, in questo modo verrà creato l'evento nella parte codebind, ossia nel linguaggio di programmazione C#, di tale evento.
In questo evento dobbiamo impostare la proprietà "Text" del controllo Label" con del testo.
Di seguito il frammento di codice delle suddette operazioni
C#
private void OnSwitchToggled(object sender, ToggledEventArgs e)
{
lbltesto.Text = e.Value ? "Attivo" : "Spento";
}
Impostando la proprietà "IsToogle" a true, possiamo visualizzare il controllo impostato con il pallino a destra e non a sinistra come avviene di default, il tutto come mostrato nel frammento di codice qui di seguito.
XAML
<Switch
IsToggled="True"
x:Name="switchDati" Toggled="OnSwitchToggled"
SemanticProperties.HeadingLevel="Level2"
SemanticProperties.Description="Esempio di
utilizzo Switch" />
Nel caso che si vuole impostare il colore del controllo e del pallino, tramite le proprietà rispettivamente "OnColor" e "ThumbColor" possiamo definire gli aspetti grafici.
Di seguito il frammento di codice per impostare il colore del controllo a verde chiaro ed il pallino a blu scuro.
XAML
<Switch
IsToggled="True"
OnColor="YellowGreen"
ThumbColor="DarkBlue"
x:Name="switchDati" Toggled="OnSwitchToggled"
SemanticProperties.HeadingLevel="Level2"
SemanticProperties.Description="Esempio di
utilizzo Switch" />
Conclusioni
L'articolo ha fornito alcuni aspetti basilari del controllo Switch della tecnologia MAUI. Controllo che negli ultimi anni è sempre stato più utilizzato per indicare valori di tipo "acceso" o "Spento", come se fosse un interruttore o semaforo.
Una tecnologia che migliora di anno in anno e che offre al programmatore un valido strumento per la realizzazione di software multi piattaforma.
Un controllo che semplifica lo sviluppo software.