[C#/WPF] DoubleAnimation 엘리먼트 : 타원 회전시키기

■ DoubleAnimation 엘리먼트를 사용해 타원을 회전시키는 방법을 보여준다.

▶ 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="DoubleAnimation 엘리먼트 : 타원 회전시키기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Canvas>
        <Path
            Stroke="Black"
            StrokeThickness="3"
            Fill="Blue">
            <Path.Data>
                <GeometryGroup>
                    <EllipseGeometry
                        Center="100 300"
                        RadiusX="50"
                        RadiusY="50" />
                    <EllipseGeometry
                        Center="300 100"
                        RadiusX="50"
                        RadiusY="50">
                        <EllipseGeometry.Transform>
                            <RotateTransform x:Name="rotateTransform"
                                CenterX="300"
                                CenterY="300" />
                        </EllipseGeometry.Transform>
                    </EllipseGeometry>
                </GeometryGroup>
            </Path.Data>
        </Path>
        <Canvas.Triggers>
            <EventTrigger RoutedEvent="Canvas.Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation
                            Storyboard.TargetName="rotateTransform"
                            Storyboard.TargetProperty="Angle"
                            RepeatBehavior="Forever"
                            Duration="0:0:5"
                            From="0"
                            To="360" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Canvas.Triggers>
    </Canvas>
</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="DoubleAnimation 엘리먼트 : 타원 회전시키기"

FontFamily="나눔고딕코딩"

FontSize="16">

<Path

Stroke="Black"

StrokeThickness="3"

Fill="Blue">

<Path.Data>

<EllipseGeometry

Center="100 300"

RadiusX="50"

RadiusY="50" />

<EllipseGeometry

Center="300 100"

RadiusX="50"

RadiusY="50">

<EllipseGeometry.Transform>

<RotateTransform x:Name="rotateTransform"

CenterX="300"

CenterY="300" />

</EllipseGeometry.Transform>

</EllipseGeometry>

</GeometryGroup>

</Path.Data>

</Path>

<Canvas.Triggers>

<DoubleAnimation

Storyboard.TargetName="rotateTransform"

Storyboard.TargetProperty="Angle"

RepeatBehavior="Forever"

Duration="0:0:5"

From="0"

To="360" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Canvas.Triggers>

</Canvas>

</Window>

TestProject.zip