[C#/WINUI3/COMMUNITY TOOLKIT/.NET8] ScaleAnimation 엘리먼트 : 스케일 애니메이션 만들기

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

▶ 예제 코드 (XAML)


xmlns:animation="using:CommunityToolkit.WinUI.animation"

<Button Name="startButton"
    HorizontalAlignment="Center"
    Padding="10"
    Content="Start">
    <animation:Explicit.animation>
        <animation:animationet x:Name="sequentialAnimation"
            IsSequential="True">
            <animation:animationcope>
                <animation:ScaleAnimation
                    From="1"
                    To="1.2" />
                <animation:TranslationAnimation
                    From="-20,0,0"
                    To="0" />
                <animation:OpacityAnimation
                    From="0"
                    To="1 "/>
            </animation:animationcope>
            <animation:ScaleAnimation To="1" />
        </animation:animationet>
    </animation:Explicit.animation>
</Button>

xmlns:animation="using:CommunityToolkit.WinUI.animation"

<Button Name="startButton"

HorizontalAlignment="Center"

Padding="10"

Content="Start">

<animation:Explicit.animation>

<animation:animationet x:Name="sequentialAnimation"

IsSequential="True">

<animation:animationcope>

<animation:ScaleAnimation

From="1"

To="1.2" />

<animation:TranslationAnimation

From="-20,0,0"

To="0" />

<animation:OpacityAnimation

From="0"

To="1 "/>

</animation:animationcope>

<animation:ScaleAnimation To="1" />

</animation:animationet>

</animation:Explicit.animation>

</Button>