[C#/WPF] PointAnimation 엘리먼트 : 공을 일정 구간에서 반복적으로 움직이기

■ PointAnimation 엘리먼트를 사용해 공을 일정 구간에서 반복적으로 움직이는 방법을 보여준다.

▶ 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">
    <Canvas
        Width="400"
        Height="400">
        <Path
            StrokeThickness="5"
            Stroke="Black"
            Fill="Blue">
            <Path.Data>
                <EllipseGeometry x:Name="ellipseGeometry"
                    Center="200 200"
                    RadiusX="50"
                    RadiusY="50" />
            </Path.Data>
            <Path.Triggers>
                <EventTrigger RoutedEvent="Path.Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <PointAnimation
                                Storyboard.TargetName="ellipseGeometry"
                                Storyboard.TargetProperty="Center"
                                Duration="00:00:01"
                                From="200 200"
                                To="50 50"
                                AutoReverse="true"
                                RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Path.Triggers>
        </Path>
    </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="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Canvas

Width="400"

Height="400">

<Path

StrokeThickness="5"

Stroke="Black"

Fill="Blue">

<Path.Data>

<EllipseGeometry x:Name="ellipseGeometry"

Center="200 200"

RadiusX="50"

RadiusY="50" />

</Path.Data>

<Path.Triggers>

<PointAnimation

Storyboard.TargetName="ellipseGeometry"

Storyboard.TargetProperty="Center"

Duration="00:00:01"

From="200 200"

To="50 50"

AutoReverse="true"

RepeatBehavior="Forever" />

</Storyboard>

</BeginStoryboard>

</EventTrigger>

</Path.Triggers>

</Path>

</Canvas>

</Window>

TestProject.zip

.NETFRAMEWORK 2D ANIMATION C# GRAPHICS MICROSOFT WPF

icodebroker

[C#/WPF] PointAnimation 엘리먼트 : 공을 일정 구간에서 반복적으로 움직이기

분류

가장 많이 읽힌 글

보관함