[C#/WPF] PointAnimation 클래스 : 공을 일정 구간에서 반복적으로 움직이기

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

TestProject.zip

0.01MB

▶ 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">
</Window>

 

▶ MainWindow.xaml.cs

using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Media.Animation;
using System.Windows.Media;
using System.Windows.Shapes;

namespace TestProject
{
    /// <summary>
    /// 메인 윈도우
    /// </summary>
    public partial class MainWindow : Window
    {
        //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor
        ////////////////////////////////////////////////////////////////////////////////////////// Public

        #region 생성자 - MainWindow()

        /// <summary>
        /// 생성자
        /// </summary>
        public MainWindow()
        {
            InitializeComponent();

            NameScope.SetNameScope(this, new NameScope());

            EllipseGeometry ellipseGeometry = new EllipseGeometry();

            ellipseGeometry.Center  = new Point(200, 200);
            ellipseGeometry.RadiusX = 50;
            ellipseGeometry.RadiusY = 50;

            RegisterName("ellipseGeometry", ellipseGeometry);

            Path path = new Path();

            path.StrokeThickness = 5;
            path.Stroke          = Brushes.Black;
            path.Fill            = Brushes.Blue;
            path.Data            = ellipseGeometry;

            Canvas canvas = new Canvas();

            canvas.Width  = 400;
            canvas.Height = 400;

            canvas.Children.Add(path);

            Content = canvas;

            PointAnimation pointAnimation = new PointAnimation();

            pointAnimation.Duration       = new Duration(TimeSpan.FromMilliseconds(1000));
            pointAnimation.From           = new Point(200, 200);
            pointAnimation.To             = new Point(50, 50);
            pointAnimation.AutoReverse    = true;
            pointAnimation.RepeatBehavior = RepeatBehavior.Forever;

            Storyboard.SetTargetName(pointAnimation, "ellipseGeometry");

            Storyboard.SetTargetProperty(pointAnimation, new PropertyPath(EllipseGeometry.CenterProperty));

            Storyboard storyboard = new Storyboard();

            storyboard.Children.Add(pointAnimation);

            path.Loaded +=  delegate(object sender, RoutedEventArgs e)
            {
                storyboard.Begin(path);
            };
        }

        #endregion
    }
}