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

▶ XAML

<Canvas x:Name="canvas"
    Background="White">
    <Canvas.Resources>
        <Storyboard x:Name="storyboard">
            <DoubleAnimationUsingKeyFrames
                Storyboard.TargetName="rectangle"
                Storyboard.TargetProperty="Height">
                <EasingDoubleKeyFrame
                    KeyTime="00:00:02"
                    Value="30">
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CubicEase EasingMode="EaseOut" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
                <EasingDoubleKeyFrame
                    KeyTime="00:00:06"
                    Value="200" >
                    <EasingDoubleKeyFrame.EasingFunction>
                        <BounceEase Bounces="5" EasingMode="EaseOut" />
                    </EasingDoubleKeyFrame.EasingFunction>
                </EasingDoubleKeyFrame>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Canvas.Resources>
    <Rectangle x:Name="rectangle"
        Canvas.Left="100"
        Canvas.Top="100"
        Width="200"
        Height="200"
        Fill="Blue"
        MouseLeftButtonDown="rectangle_MouseLeftButtonDown" />
</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