UWP开发 Storyboard动画 2

关键帧动画

---

自定义动画总结：

特殊类型	过渡（From/To/By)	对应的关键帧动画	用法示例
Color	ColorAnimation	ColorAnimationUsingKeyFrame	对SolidColorBrush的Color属性过渡处理
Double	DoubleAnimation	DoubleAnimationUsingKeyFrames	对UIElement的属性值进行过渡处理
Point	PointAnimation	PointAnimationUsingKeyFrames	对EllipseGeometry的Center位置进行过渡处理
Object	无	ObjectAnimationUsingKeyFrames	对Fill属性进行动画处理，使其在不同的GradientBrush之间进行转换

---

我们已经做过一次简单的过渡动画了，接下来我们试一下简单的关键帧动画。

关键帧动画，重要的是那个关键的帧，就是指动画进行到关键的帧数时发生了什么。
比如：

               <DoubleAnimationUsingKeyFrames
                Storyboard.TargetName="ball"
                Storyboard.TargetProperty="Width"
                Duration="0:0:1">
                <EasingDoubleKeyFrame
                    KeyTime="0:0:0.5"
                    Value="200">  
                    <EasingDoubleKeyFrame.EasingFunction>
                        <CircleEase EasingMode="EaseIn">CircleEase>
                    EasingDoubleKeyFrame.EasingFunction>
                EasingDoubleKeyFrame>
            DoubleAnimationUsingKeyFrames>

这一代码指的是在动画进行时0-1内秒小球的宽从0变到200，并且到了0.5秒时，小球的宽就到200了，之后不变（当然这是指你没有设置属性AutoReverse=”True”或者RepeatBehavior=”Forever”或者没有设置其他变化）。

效果图：