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

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

▶ 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">
    <Grid
        Margin="10"
        RowDefinitions="*,*,10,Auto,10,Auto,*">
        <Label x:Name="rotatingLabel" Grid.Row="1"
            HorizontalOptions="Center"
            VerticalOptions="Center"
            Rotation="{Binding Source={x:Reference stepper}, Path=Value}"
            FontSize="18"
            Text="ROTATING TEXT" />
        <Stepper x:Name="stepper" Grid.Row="3"
            HorizontalOptions="Center"
            Maximum="360"
            Increment="30" />
        <Label x:Name="displayLabel" Grid.Row="5"
            HorizontalOptions="Center"
            Text="{Binding Source={x:Reference stepper}, Path=Value, StringFormat='스테퍼 값 : {0 :F0}'}" />
    </Grid>
</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">

<Grid

Margin="10"

RowDefinitions="*,*,10,Auto,10,Auto,*">

<Label x:Name="rotatingLabel" Grid.Row="1"

HorizontalOptions="Center"

VerticalOptions="Center"

Rotation="{Binding Source={x:Reference stepper}, Path=Value}"

FontSize="18"

Text="ROTATING TEXT" />

<Stepper x:Name="stepper" Grid.Row="3"

HorizontalOptions="Center"

Maximum="360"

Increment="30" />

<Label x:Name="displayLabel" Grid.Row="5"

HorizontalOptions="Center"

Text="{Binding Source={x:Reference stepper}, Path=Value, StringFormat='스테퍼 값 : {0 :F0}'}" />

</Grid>

</ContentPage>

TestProject.zip