첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
유용한 소스 코드가 있으면 icodebroker@naver.com으로 보내주시면 감사합니다.
블로그 자료는 자유롭게 사용하세요.

■ EasingPointKeyFrame 엘리먼트 : EasingFunction 속성에서 CubicEase/BounceEase 객체 사용하기

------------------------------------------------------------------------------------------------------------------------


TestProject.zip



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="EasingPointKeyFrame 엘리먼트 : EasingFunction 속성에서 CubicEase/BounceEase 객체 사용하기"

    FontFamily="나눔고딕코딩"

    FontSize="16">

    <Canvas Margin="10">

        <Path Fill="Blue">

            <Path.Data>

                <EllipseGeometry x:Name="ellipseGeometry"

                    Center="350 300"

                    RadiusX="15"

                    RadiusY="15" />

            </Path.Data>

            <Path.Triggers>

                <EventTrigger RoutedEvent="Path.MouseDown">

                    <BeginStoryboard>

                        <Storyboard>

                            <PointAnimationUsingKeyFrames

                                Storyboard.TargetName="ellipseGeometry"

                                Storyboard.TargetProperty="Center">

                                <EasingPointKeyFrame KeyTime="00:00:02" Value="350 100">

                                    <EasingPointKeyFrame.EasingFunction>

                                        <CubicEase EasingMode="EaseOut" />

                                    </EasingPointKeyFrame.EasingFunction>

                                </EasingPointKeyFrame>

                                <EasingPointKeyFrame KeyTime="00:00:06" Value="350 300">

                                    <EasingPointKeyFrame.EasingFunction>

                                        <BounceEase

                                            EasingMode="EaseOut"

                                            Bounces="5" />

                                    </EasingPointKeyFrame.EasingFunction>

                                </EasingPointKeyFrame>

                            </PointAnimationUsingKeyFrames>

                        </Storyboard>

                    </BeginStoryboard>

                </EventTrigger>

            </Path.Triggers>

        </Path>

        <Path

            Stroke="RosyBrown"

            StrokeThickness="3">

            <Path.Data>

                <LineGeometry StartPoint="0 317" EndPoint="765 317" />

            </Path.Data>

        </Path>

    </Canvas>

</Window>

 

------------------------------------------------------------------------------------------------------------------------

Posted by 사용자 icodebroker

댓글을 달아 주세요