[C#/SILVERLIGHT] PointAnimation 엘리먼트 사용하기

■ PointAnimation 엘리먼트를 사용하는 방법을 보여준다.

▶ 예제 코드 (XAML)


<Canvas Name="canvas">
    <Canvas.Resources>
        <Storyboard x:Name="storyboard">
            <PointAnimation
                Storyboard.TargetProperty="Center"
                Storyboard.TargetName="ellipseGeometry"
                Duration="00:00:01"
                To="200 400" />
        </Storyboard>
    </Canvas.Resources>
    <Path Name="path"
        Fill="Beige">
        <Path.Data>
            <EllipseGeometry x:Name="ellipseGeometry"
                Center="200 100"
                RadiusX="100"
                RadiusY="100" />
        </Path.Data>
    </Path>
</Canvas>

<Canvas.Resources>

<PointAnimation

Storyboard.TargetProperty="Center"

Storyboard.TargetName="ellipseGeometry"

Duration="00:00:01"

To="200 400" />

</Storyboard>

</Canvas.Resources>

<Path Name="path"

Fill="Beige">

<Path.Data>

<EllipseGeometry x:Name="ellipseGeometry"

Center="200 100"

RadiusX="100"

RadiusY="100" />

</Path.Data>

</Path>

</Canvas>

▶ 예제 코드 (C#)


using System.Windows.Input;

...

this.path.MouseLeftButtonDown += path_MouseLeftButtonDown;

...

#region 패스 마우스 왼쪽 버튼 다운시 처리하기 - path_MouseLeftButtonDown(sender, e)

/// <summary>
/// 패스 마우스 왼쪽 버튼 다운시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void path_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    this.storyboard.Begin();
}

#endregion

using System.Windows.Input;

...

this.path.MouseLeftButtonDown += path_MouseLeftButtonDown;

...

#region 패스 마우스 왼쪽 버튼 다운시 처리하기 - path_MouseLeftButtonDown(sender, e)

/// <summary>

/// 패스 마우스 왼쪽 버튼 다운시 처리하기

/// </summary>

/// <param name="sender">이벤트 발생자</param>

/// <param name="e">이벤트 인자</param>

private void path_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

this.storyboard.Begin();

}

#endregion