[C#/MAUI/.NET6] x:Reference 태그 확장 사용하기

■ x:Reference 태그 확장을 사용하는 방법을 보여준다.

▶ 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">
        <Label
            HorizontalOptions="Center"
            VerticalOptions="Center"
            BindingContext="{x:Reference slider}"
            Rotation="{Binding Path=Value}"
            FontSize="Large"
            FontAttributes="Bold"
            Text="ROTATION" />
        <Slider x:Name="slider"
            Margin="0,100,0,0"
            VerticalOptions="Center"
            Maximum="360" />
        <Label
            Margin="0,10,0,0"
            HorizontalOptions="Center"
            BindingContext="{x:Reference slider}"
            FontSize="Large"
            FontAttributes="Bold"
            Text="{Binding Value, StringFormat='The angle is {0:F0} degrees'}" />
    </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">

<Label

HorizontalOptions="Center"

VerticalOptions="Center"

BindingContext="{x:Reference slider}"

Rotation="{Binding Path=Value}"

FontSize="Large"

FontAttributes="Bold"

Text="ROTATION" />

<Slider x:Name="slider"

Margin="0,100,0,0"

VerticalOptions="Center"

Maximum="360" />

<Label

Margin="0,10,0,0"

HorizontalOptions="Center"

BindingContext="{x:Reference slider}"

FontSize="Large"

FontAttributes="Bold"

Text="{Binding Value, StringFormat='The angle is {0:F0} degrees'}" />

</StackLayout>

</ContentPage>

TestProject.zip