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

728x90
반응형

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>
728x90
반응형
Posted by 사용자 icodebroker
TAG , , ,

댓글을 달아 주세요