[C#/MAUI/.NET6] Switch 엘리먼트 : 바인딩 사용하기

■ Switch 엘리먼트에서 바인딩을 사용하는 방법을 보여준다.

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Margin="10"
        Spacing="10">
        <Switch x:Name="styleSwitch"
            HorizontalOptions="Center" />
        <Label
            HorizontalOptions="Start"
            Text="Lorem ipsum dolor sit amet, elit rutrum, enim hendrerit augue vitae praesent sed non, lorem aenean quis praesent pede.">
            <Label.Triggers>
                <DataTrigger
                    TargetType="Label"
                    Binding="{Binding Source={x:Reference styleSwitch}, Path=IsToggled}"
                    Value="true">
                    <Setter Property="FontAttributes" Value="Italic,Bold" />
                    <Setter Property="FontSize"       Value="18"          />
                </DataTrigger>
            </Label.Triggers>
        </Label>
    </StackLayout>
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">

<StackLayout

HorizontalOptions="Center"

VerticalOptions="Center"

Margin="10"

Spacing="10">

<Switch x:Name="styleSwitch"

HorizontalOptions="Center" />

<Label

HorizontalOptions="Start"

Text="Lorem ipsum dolor sit amet, elit rutrum, enim hendrerit augue vitae praesent sed non, lorem aenean quis praesent pede.">

<Label.Triggers>

<DataTrigger

TargetType="Label"

Binding="{Binding Source={x:Reference styleSwitch}, Path=IsToggled}"

Value="true">

</DataTrigger>

</Label.Triggers>

</Label>

</StackLayout>

</ContentPage>

TestProject.zip