[C#/MAUI] Easing 클래스 : 사용자 정의 이징(Easing) 함수 사용하기

728x90

반응형

728x170

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="*,Auto">
        <Image x:Name="image" Grid.Row="0"
            WidthRequest="250"
            HeightRequest="310"
            Source="dotnet_bot.png" />
        <Button x:Name="animationButton" Grid.Row="1"
            Margin="0,10,0,0"
            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.animationButton.Clicked += animationButton_Clicked;
    }

    #endregion

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

    #region 애니메이션 버튼 클릭시 처리하기 - fadeInButton_Clicked(sender, e)

    /// <summary>
    /// 애니메이션 버튼 클릭시 처리하기
    /// </summary>
    /// <param name="sender">이벤트 발생자</param>
    /// <param name="e">이벤트 인자</param>
    private async void animationButton_Clicked(object sender, EventArgs e)
    {
        Func<double, double> easeFunction = t => 9 * t * t * t - 13.5 * t * t + 5.5 * t;

        await image.TranslateTo(0, 200, 2000, easeFunction);

        this.image.TranslationX = 0;
        this.image.TranslationY = 0;
    }

    #endregion
}

728x90

반응형

그리드형(광고전용)

• 카카오스토리
• 트위터
• 페이스북

'C# > MAUI' 카테고리의 다른 글

[C#/MAUI] FlexLayout 엘리먼트 : AlignSelf 첨부 속성을 사용해 교차 축을 따라 특정 자식에 대한 자식 사이와 주위 공간 배분하기  (0)	2022.06.26
[C#/MAUI] FlexLayout 엘리먼트 : AlignContent 속성을 사용해 여러 줄에 배치된 자식 사이 및 공간 배분하기  (0)	2022.06.26
[C#/MAUI] FlexLayout 엘리먼트 : JustifyContent 속성을 사용해 기본 축을 따라 자식 사이 및 주위 공간 배분하기  (0)	2022.06.26
[C#/MAUI] FlexLayout 엘리먼트 : AlignItems 속성을 사용해 교차 축을 따라 자식 사이 및 주위 공간 배분하기  (0)	2022.06.26
[C#/MAUI] FlexLayout 엘리먼트 : Wrap 속성을 사용해 자식을 여러 줄로 배치하기  (0)	2022.06.26
[C#/MAUI] Easing 클래스 : 사용자 정의 이징(Easing) 함수 사용하기  (0)	2022.06.25
[C#/MAUI] Trigger 엘리먼트 사용하기  (0)	2022.06.23
[C#/MAUI] DataTemplateSelector 클래스 : 데이터 템플리트 선택자 사용하기  (0)	2022.06.23
[C#/MAUI] DataTemplate 엘리먼트 : 리소스를 데이터 템플리트 사용하기  (0)	2022.06.23
[C#/MAUI] DataTemplate 엘리먼트 : 타입을 갖는 데이터 템플리트 사용하기  (0)	2022.06.23
[C#/MAUI] DataTemplate 엘리먼트 : 인라인 데이터 템플리트 사용하기  (0)	2022.06.23