[C#/WINUI3] Visual 클래스 : StartAnimation 메소드를 사용해 애니메이션 시작하기

■ Visual 클래스의 StartAnimation 메소드를 사용해 애니메이션을 시작하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<?xml version="1.0" encoding="utf-8"?>
<Page x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Border Name="border"
        HorizontalAlignment="Center"
        VerticalAlignment="Center"
        Width="200"
        Height="200"
        Background="{ThemeResource AccentAAFillColorDefaultBrush}" />
</Page>

<?xml version="1.0" encoding="utf-8"?>

<Page x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"

FontFamily="나눔고딕코딩"

FontSize="16">

<Border Name="border"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Width="200"

Height="200"

Background="{ThemeResource AccentAAFillColorDefaultBrush}" />

</Page>

▶ 예제 코드 (C#)


using System;

using Microsoft.UI.Composition;
using Microsoft.UI.Xaml.Hosting;

Visual borderVisual = ElementCompositionPreview.GetElementVisual(this.border);

Compositor compositor = borderVisual.Compositor;

ScalarKeyFrameAnimation scalarKeyFrameAnimation = compositor.CreateScalarKeyFrameAnimation();

scalarKeyFrameAnimation.InsertKeyFrame(0, 0);
scalarKeyFrameAnimation.InsertKeyFrame(1, 1);

scalarKeyFrameAnimation.Duration = TimeSpan.FromSeconds(3);

borderVisual.StartAnimation("Opacity", scalarKeyFrameAnimation);

using System;

using Microsoft.UI.Composition;

using Microsoft.UI.Xaml.Hosting;

Visual borderVisual = ElementCompositionPreview.GetElementVisual(this.border);

Compositor compositor = borderVisual.Compositor;

ScalarKeyFrameAnimation scalarKeyFrameAnimation = compositor.CreateScalarKeyFrameAnimation();

scalarKeyFrameAnimation.InsertKeyFrame(0, 0);

scalarKeyFrameAnimation.InsertKeyFrame(1, 1);

scalarKeyFrameAnimation.Duration = TimeSpan.FromSeconds(3);

borderVisual.StartAnimation("Opacity", scalarKeyFrameAnimation);