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

▶ XAML

<Canvas>
    <Canvas.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimationUsingKeyFrames
                Storyboard.TargetName="translateTransform"
                Storyboard.TargetProperty="X"
                Duration="0:0:15">
                <SplineDoubleKeyFrame KeyTime="0:0:7"  Value="500" KeySpline="0.0 1.0 1.0 0.0" />
                <SplineDoubleKeyFrame KeyTime="0:0:10" Value="200" KeySpline="0.0 0.0 1.0 0.0" />
                <SplineDoubleKeyFrame KeyTime="0:0:15" Value="350" KeySpline="0.25 0.5 0.75 1" />
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Canvas.Resources>
    <Rectangle
        Width="50"
        Height="50"
        Fill="Blue"
        MouseLeftButtonDown="rectangle_MouseLeftButtonDown">
        <Rectangle.RenderTransform>
            <TranslateTransform x:Name="translateTransform"
                X="0"
                Y="0" />
        </Rectangle.RenderTransform>
    </Rectangle>
</Canvas>

 

728x90

 

▶ C#

using System.Windows.Input;

#region 사각형 마우스 왼쪽 버튼 DOWN시 처리하기 - rectangle_MouseLeftButtonDown(sender, e)

/// <summary>
/// 사각형 마우스 왼쪽 버튼 DOWN시 처리하기
/// </summary>
/// <param name="sender">이벤트 발생자</param>
/// <param name="e">이벤트 인자</param>
private void rectangle_MouseLeftButtonDown(object sender, MouseEventArgs e)
{
    this.storyboard.Begin();
}

#endregion