첨부 실행 코드는 나눔고딕코딩 폰트를 사용합니다.
본 블로그는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 블로그 콘텐츠 향상을 위해 쓰여집니다.

728x90
반응형
728x170

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="ElasticEase 엘리먼트 사용하기"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <StackPanel Margin="10">
        <Rectangle Name="rectangle"
            Width="100"
            Height="30">
            <Rectangle.Fill>
                <SolidColorBrush x:Name="solidColorBrush"
                    Color="Blue" />
            </Rectangle.Fill>
            <Rectangle.Triggers>
                <EventTrigger RoutedEvent="Rectangle.MouseDown">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
                                Storyboard.TargetName="rectangle"
                                Storyboard.TargetProperty="Height"
                                From="30"
                                To="300"
                                Duration="00:00:4">
                                <DoubleAnimation.EasingFunction>
                                    <ElasticEase
                                        EasingMode="EaseOut"
                                        Oscillations="5"
                                        Springiness="2" />
                                </DoubleAnimation.EasingFunction>
                            </DoubleAnimation>
                            <ColorAnimation
                                Storyboard.TargetName="solidColorBrush"
                                Storyboard.TargetProperty="Color"
                                From="Blue"
                                To="Gold"
                                Duration="00:00:4">
                                <ColorAnimation.EasingFunction>
                                    <ElasticEase
                                        EasingMode="EaseOut"
                                        Oscillations="5"
                                        Springiness="2" />
                                </ColorAnimation.EasingFunction>
                            </ColorAnimation>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Rectangle.Triggers>
        </Rectangle>
    </StackPanel>
</Window>
728x90
반응형
그리드형(광고전용)
Posted by icodebroker

댓글을 달아 주세요