WPF学习 - 动画基础(1)
阅读原文时间:2023年09月05日阅读:1

1. WPF中的动画(Animation),是一种属性动画。技术上来说,它是让属性从一个值,变化到另一个值的过程。因此,有两条重要的特性:

  1.1 只能为依赖属性应用动画(因为第二条特性)。
  1.2 动画只是临时更改属性的值,并不真正的改变属性值。这与依赖属性的工作方式有关。

2. WPF动画,分为三种:插值动画、关键帧动画、路径动画
  2.1 插值动画:
    1)定义:插值动画是指,属性值从某一个值,经过一段时间后,连续变化值另一个值的动画。
        例如宽度属性,类型为double,可以设定动画为在1s的时间内,值从0变到10。此时WPF内部会采用插值算法,填充1与10之间的值。
    2)命名规则:数据类型+Animation。例如double类型动画:DoubleAnimation

  2.2 关键帧动画:
    1)定义:对于属性类型为离散量类型的,因为无法进行插值运算。因此只能填充“帧”。
        例如Name属性,类型是string。当属性值从“raymond” 变到 “jack”的时候,是无法进行插值运算的。此时就只能用关键帧来代替。在某一个时候,显示“raymond”,然后在下一个时候,显示“jack”。
    2)命名规则:数据类型+AnimationUsingKeyFrames。例如double类型:DoubleAnimationUsingKeyFrames

  2.3 路径动画:
    1)路径动画,是指让某个元素用来沿着路径的方向进行变换的动画。
    2)命名规则:数据类型+AnimationUsingPath。例如double类型DoubleAnimationUsingPath

3. 动画与数据类型有关。因为针对不同的数据类型,有不同的“填充”方式。例如数值类型,可以采用插值算法调整起始值与中止值之间的间隔,而对于离散量,就得用“帧”来填充。

从下面的Animation类型的继承关系来看,每一种插值动画,都会有一个对应的关键帧动画,少数的几个还具有路径动画。

4. FillBehavior属性:该属性用来指示,当动画结束时,属性的值该如何变化。HoldEnd表示保持最终值,Stop表示属性恢复到原始的值。

5.Animation的使用方法

  以下代码创建一个简单的动画:鼠标点击的时候,btn(Button类型)的宽度由当前值变到到100。代码如下: