[C#/WPF] EasingDoubleKeyFrame 엘리먼트 : EasingFunction 속성에서 CubicEase/BounceEase 객체 사용하기
C#/WPF 2020. 9. 20. 01:34728x90
반응형
▶ 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>
728x90
반응형
댓글을 달아 주세요