[C#/MAUI/.NET6] Stepper 엘리먼트 : ValueChanged 이벤트 사용하기

TestProject.zip

0.15MB

▶ 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"
            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="(초기화 전)" />
    </Grid>
</ContentPage>

 

728x90

 

▶ MainPage.xaml.cs

namespace TestProject;

/// <summary>
/// 메인 페이지
/// </summary>
public partial class MainPage : ContentPage
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

    /// <summary>
    /// 생성자
    /// </summary>
    public MainPage()
    {
        InitializeComponent();

        this.stepper.ValueChanged += stepper_ValueChanged;
    }

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Private

    #region 스테퍼 값 변경시 처리하기 - stepper_ValueChanged(sender, e)

    /// <summary>
    /// 스테퍼 값 변경시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void stepper_ValueChanged(object sender, ValueChangedEventArgs e)
    {
        double value = e.NewValue;

        this.rotatingLabel.Rotation = value;

        this.displayLabel.Text = $"스테퍼 값 : {value}";
    }

    #endregion
}