[C#/WPF] RectAnimationUsingKeyFrames 엘리먼트 : 키 프레임을 사용해 사각형 값에 애니메이션 효과 주기

■ RectAnimationUsingKeyFrames 엘리먼트에서 키 프레임을 사용해 사각형 값에 애니메이션 효과를 주는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel
        HorizontalAlignment="Center"
        Orientation="Vertical"
        Background="LightGray">
        <Path
            StrokeThickness="1"
            Stroke="Black"
            Fill="LemonChiffon">
            <Path.Data>
                <RectangleGeometry x:Name="rectangleGeometry"
                    Rect="0 200 100 100" />
            </Path.Data>
            <Path.Triggers>
                <EventTrigger RoutedEvent="Path.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <RectAnimationUsingKeyFrames
                                Storyboard.TargetName="rectangleGeometry"
                                Storyboard.TargetProperty ="Rect"
                                Duration="00:00:06"
                                RepeatBehavior="Forever"
                                FillBehavior="HoldEnd">
                                <LinearRectKeyFrame   KeyTime="00:00:02"   Value="600 50 200 50" />
                                <DiscreteRectKeyFrame KeyTime="00:00:02.5" Value="600 50 200 10" />
                                <SplineRectKeyFrame   KeyTime="00:00:04.5" Value="0 200 100 100" KeySpline="0.6,0.0 0.9,0.00" />
                            </RectAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>
    </StackPanel>
</Window>

<Window x:Class="TestProject.MainWindow"

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

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

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<StackPanel

HorizontalAlignment="Center"

Orientation="Vertical"

Background="LightGray">

<Path

StrokeThickness="1"

Stroke="Black"

Fill="LemonChiffon">

<Path.Data>

<RectangleGeometry x:Name="rectangleGeometry"

Rect="0 200 100 100" />

</Path.Data>

<Path.Triggers>

<RectAnimationUsingKeyFrames

Storyboard.TargetName="rectangleGeometry"

Storyboard.TargetProperty ="Rect"

Duration="00:00:06"

RepeatBehavior="Forever"

FillBehavior="HoldEnd">

</RectAnimationUsingKeyFrames>

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Path.Triggers>

</Path>

</StackPanel>

</Window>

TestProject.zip

.NETFRAMEWORK 2D ANIMATION C# GRAPHICS MICROSOFT WPF

icodebroker

[C#/WPF] RectAnimationUsingKeyFrames 엘리먼트 : 키 프레임을 사용해 사각형 값에 애니메이션 효과 주기