ICODEBROKER

▶ 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="EasingDoubleKeyFrame 엘리먼트 : EasingFunction 속성에서 CubicEase/BounceEase 객체 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Grid>
        <Rectangle Name="rectangle"
            Width="200"
            Height="200"
            Fill="Blue">
            <Rectangle.Triggers>
                <EventTrigger RoutedEvent="Rectangle.MouseDown">
                    <BeginStoryboard>
                        <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
                                            EasingMode="EaseOut"
                                            Bounces="5" />
                                    </EasingDoubleKeyFrame.EasingFunction>
                                </EasingDoubleKeyFrame>
                            </DoubleAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Rectangle.Triggers>
        </Rectangle>
    </Grid>
</Window>