[C#/SILVERLIGHT] Storyboard 클래스 : 코드 구현하기

■ Storyboard 클래스를 사용해 코드로 구현하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<Canvas x:Name="canvas" />

▶ 예제 코드 (C#)


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

Rectangle rectangle = new Rectangle();

rectangle.Width  = 200d;
rectangle.Height = 200d;

Color color = Color.FromArgb(255, 255, 0, 0);

SolidColorBrush solidColorBrush = new SolidColorBrush();

solidColorBrush.Color = color;

rectangle.Fill = solidColorBrush;

this.canvas.Children.Add(rectangle);


Duration duration = new Duration(TimeSpan.FromSeconds(2));

DoubleAnimation leftDoubleAnimation = new DoubleAnimation();
DoubleAnimation topDoubleAnimation  = new DoubleAnimation();

leftDoubleAnimation.Duration = duration;
topDoubleAnimation.Duration  = duration;


Storyboard storyboard = new Storyboard();

storyboard.Children.Add(leftDoubleAnimation);
storyboard.Children.Add(topDoubleAnimation );

Storyboard.SetTarget(leftDoubleAnimation, rectangle);
Storyboard.SetTarget(topDoubleAnimation , rectangle);

Storyboard.SetTargetProperty(leftDoubleAnimation, new PropertyPath("(Canvas.Left)"));
Storyboard.SetTargetProperty(topDoubleAnimation , new PropertyPath("(Canvas.Top)" ));

leftDoubleAnimation.To = 200d;
topDoubleAnimation.To  = 200d;

this.canvas.Resources.Add("StoryboardKey", storyboard);

storyboard.Begin();

using System;

using System.Windows;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

Rectangle rectangle = new Rectangle();

rectangle.Width = 200d;

rectangle.Height = 200d;

Color color = Color.FromArgb(255, 255, 0, 0);

SolidColorBrush solidColorBrush = new SolidColorBrush();

solidColorBrush.Color = color;

rectangle.Fill = solidColorBrush;

this.canvas.Children.Add(rectangle);

Duration duration = new Duration(TimeSpan.FromSeconds(2));

DoubleAnimation leftDoubleAnimation = new DoubleAnimation();

DoubleAnimation topDoubleAnimation = new DoubleAnimation();

leftDoubleAnimation.Duration = duration;

topDoubleAnimation.Duration = duration;

Storyboard storyboard = new Storyboard();

storyboard.Children.Add(leftDoubleAnimation);

storyboard.Children.Add(topDoubleAnimation );

Storyboard.SetTarget(leftDoubleAnimation, rectangle);

Storyboard.SetTarget(topDoubleAnimation , rectangle);

Storyboard.SetTargetProperty(leftDoubleAnimation, new PropertyPath("(Canvas.Left)"));

Storyboard.SetTargetProperty(topDoubleAnimation , new PropertyPath("(Canvas.Top)" ));

leftDoubleAnimation.To = 200d;

topDoubleAnimation.To = 200d;

this.canvas.Resources.Add("StoryboardKey", storyboard);

storyboard.Begin();

※ WPF에서는 Storyboard.SetTarget 메소드가 없기 때문에 Container 객체(예 : Page)에 대해 NameScope 객체를 설정하고 애니메이션 대상 객체명을 등록한 후 Storyboard.SetTargetName 메소드를 사용해 대상 객체명을 지정한다.