[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] TranslationAnimation 엘리먼트 : 이동 애니메이션 만들기

■ TranslationAnimation 엘리먼트를 사용해 이동 애니메이션을 만드는 방법을 보여준다.

▶ 예제 코드 (XAML)


xmlns:ctwa="using:CommunityToolkit.WinUI.Animations"

<Button Name="button"
    HorizontalAlignment="Center"
    VerticalAlignment="Center"
    Padding="10 10 10 10"
    Content="Click me!">
    <ctwa:Explicit.Animations>
        <ctwa:AnimationSet x:Name="fadeInAnimationSet">
            <ctwa:OpacityAnimation     From="0"       To="1" />
            <ctwa:TranslationAnimation From="-20,0,0" To="0" />
        </ctwa:AnimationSet>
    </ctwa:Explicit.Animations>
</Button>

xmlns:ctwa="using:CommunityToolkit.WinUI.Animations"

<Button Name="button"

HorizontalAlignment="Center"

VerticalAlignment="Center"

Padding="10 10 10 10"

Content="Click me!">

<ctwa:Explicit.Animations>

<ctwa:AnimationSet x:Name="fadeInAnimationSet">

<ctwa:OpacityAnimation From="0" To="1" />

<ctwa:TranslationAnimation From="-20,0,0" To="0" />

</ctwa:AnimationSet>

</ctwa:Explicit.Animations>

</Button>