[C#/MAUI/.NET6] ProgressBarAnimationBehavior 클래스 : ProgressBar 객체의 애니메이션 만들기

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">
    <StackLayout
        HorizontalOptions="Center"
        VerticalOptions="Center"
        Margin="30"
        Spacing="10">
        <Label
            HorizontalOptions="Center"
            LineBreakMode="WordWrap"
            Text="ProgressBarAnimationBehavior는 ProgressBar의 애니메이션을 만드는 동작이다." />
        <ProgressBar x:Name="progressBar"
            HorizontalOptions="Center"
            WidthRequest="300"
            ProgressColor="Green" />
        <Button x:Name="progressButton"
            HorizontalOptions="Center"
            Text="진행하기" />
    </StackLayout>
</ContentPage>

 

728x90

 

▶ MainPage.xaml.cs

using CommunityToolkit.Maui.Behaviors;

namespace TestProject;

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

    #region Field

    /// <summary>
    /// 진행바 애니메이션 동작
    /// </summary>
    private ProgressBarAnimationBehavior behavior;

    #endregion

    //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 생성자 - MainPage()

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

        this.behavior = new ProgressBarAnimationBehavior()
        {
            Length   = 250,
            Progress = 0.75
        };

        this.progressBar.Behaviors.Add(this.behavior);

        this.progressButton.Clicked += progressButton_Clicked;
    }

    #endregion

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

    #region 진행하기 버튼 클릭시 처리하기 - progressButton_Clicked(sender, e)

    /// <summary>
    /// 진행하기 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private void progressButton_Clicked(object sender, EventArgs e)
    {
        double progress = this.behavior.Progress;

        progress += 0.2;

        if(progress > 1)
        {
            progress = 0;
        }

        this.behavior.Progress = progress;
    }

    #endregion
}

 

300x250

 

▶ MauiProgram.cs

using CommunityToolkit.Maui;

namespace TestProject;

/// <summary>
/// MAUI 프로그램
/// </summary>
public static class MauiProgram
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Static
    //////////////////////////////////////////////////////////////////////////////// Public

    #region MAUI 앱 생성하기 - CreateMauiApp()

    /// <summary>
    /// MAUI 앱 생성하기
    /// </summary>
    /// <returns>MAUI 앱</returns>
    public static MauiApp CreateMauiApp()
    {
        MauiAppBuilder builder = MauiApp.CreateBuilder();

        builder
            .UseMauiApp<App>()
            .UseMauiCommunityToolkit()
            .ConfigureFonts
            (
                fontCollection =>
                {
                    fontCollection.AddFont("OpenSans-Regular.ttf" , "OpenSansRegular" );
                    fontCollection.AddFont("OpenSans-Semibold.ttf", "OpenSansSemibold");
                }
            );

        return builder.Build();
    }

    #endregion
}