[C#/WPF] KeyTime 구조체 : FromTimeSpan 정적 메소드를 사용해 키 프레임 애니메이션 타이밍 제어하기

■ KeyTime 구조체의 FromTimeSpan 정적 메소드를 사용해 키 프레임 애니메이션의 타이밍을 제어하는 방법을 보여준다.

▶ 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>

<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.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

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

        #region 생성자 - MainWindow()

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

            #region 이동 변환을 생성한다.

            TranslateTransform translateTransform = new TranslateTransform();

            #endregion
            #region 사각형을 생성한다.

            Rectangle rectangle = new Rectangle();

            rectangle.Width           = 50;
            rectangle.Height          = 50;
            rectangle.StrokeThickness = 5;
            rectangle.Stroke          = Brushes.Black;
            rectangle.Fill            = Brushes.Blue;
            rectangle.RenderTransform = translateTransform;

            #endregion
            #region 이동 변환 애니메이션을 생성한다.

            DoubleAnimationUsingKeyFrames translateTransformAnimation = new DoubleAnimationUsingKeyFrames();

            translateTransformAnimation.Duration = TimeSpan.FromSeconds(10);

            translateTransformAnimation.KeyFrames.Add
            (
                new LinearDoubleKeyFrame
                (
                    100,
                    KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3))
                )
            );

            translateTransformAnimation.KeyFrames.Add
            (
                new LinearDoubleKeyFrame
                (
                    200,
                    KeyTime.FromTimeSpan(TimeSpan.FromSeconds(4))
                )
            );

            translateTransformAnimation.KeyFrames.Add
            (
                new LinearDoubleKeyFrame
                (
                    300,
                    KeyTime.FromTimeSpan(TimeSpan.FromSeconds(10))
                )
            );

            #endregion

            rectangle.Loaded += delegate(object sender, RoutedEventArgs e)
            {
                translateTransform.BeginAnimation(TranslateTransform.XProperty, translateTransformAnimation);
            };

            Content = rectangle;
        }

        #endregion
    }
}

using System;

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace TestProject

{

/// <summary>

/// 메인 윈도우

/// </summary>

public partial class MainWindow : Window

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Constructor

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 생성자 - MainWindow()

/// <summary>

/// 생성자

/// </summary>

public MainWindow()

{

InitializeComponent();

#region 이동 변환을 생성한다.

TranslateTransform translateTransform = new TranslateTransform();

#endregion

#region 사각형을 생성한다.

Rectangle rectangle = new Rectangle();

rectangle.Width = 50;

rectangle.Height = 50;

rectangle.StrokeThickness = 5;

rectangle.Stroke = Brushes.Black;

rectangle.Fill = Brushes.Blue;

rectangle.RenderTransform = translateTransform;

#endregion

#region 이동 변환 애니메이션을 생성한다.

DoubleAnimationUsingKeyFrames translateTransformAnimation = new DoubleAnimationUsingKeyFrames();

translateTransformAnimation.Duration = TimeSpan.FromSeconds(10);

translateTransformAnimation.KeyFrames.Add

(

new LinearDoubleKeyFrame

(

100,

KeyTime.FromTimeSpan(TimeSpan.FromSeconds(3))

)

);

translateTransformAnimation.KeyFrames.Add

(

new LinearDoubleKeyFrame

(

200,

KeyTime.FromTimeSpan(TimeSpan.FromSeconds(4))

)

);

translateTransformAnimation.KeyFrames.Add

(

new LinearDoubleKeyFrame

(

300,

KeyTime.FromTimeSpan(TimeSpan.FromSeconds(10))

)

);

#endregion

rectangle.Loaded += delegate(object sender, RoutedEventArgs e)

{

translateTransform.BeginAnimation(TranslateTransform.XProperty, translateTransformAnimation);

};

Content = rectangle;

}

#endregion

}

TestProject.zip