QML类型：NumberAnimation、ColorAnimation、RotationAnimation

NumberAnimation

一、描述

继承自 PropertyAnimation，它定义了当数值改变时要应用的动画。

如果 NumberAnimation 正在跟踪的数值发生不规则变化，则它可能无法平滑地设置动画。如果是这种情况，请改用 SmoothedAnimation。

这是一个应用于 Rectangle 的 x 属性的 NumberAnimation 作为属性值源。它在 1000 毫秒内将 x 值从其当前值动画化为 50：

import QtQuick 2.0

Rectangle
{
    width: 100; height: 100
    color: "red"

    NumberAnimation on x { to: 50; duration: 1000 }
}

二、属性成员

1、from : real 

      to : real

此属性保存动画的起始值 / 结束值。

如果在 Transition 或 Behavior 中定义了 NumberAnimation，则默认为在 Transition 的起始状态 / 结束状态中定义的值，或触发 Behavior 时属性的当前值。

---

ColorAnimation

一、描述

ColorAnimation 继承自 PropertyAnimation，它定义了当颜色值改变时要应用的动画。

二、属性成员

1、from : color

      to : color

此属性保存动画应该开始 / 结束的颜色值。

如果在 Transition 或 Behavior 中定义了 ColorAnimation，则该值默认为在 Transition 的起始状态 / 结束状态中定义的值，或触发 Behavior 时属性的当前值。

---

RotationAnimation

一、描述

RotationAnimation 继承自 PropertyAnimation，它可以控制动画期间的旋转方向。

注意 RotationAnimation 不需要设置目标值（target 属性）。为方便起见，当在 transitions 中使用时，RotationAnimation 将旋转所有名为“rotation”或“angle”的属性。可以通过 property 或 properties 属性来覆盖它。

注意 Rectangle 将围绕其默认的 transformOrigin（即 Item.Center）旋转。

二、属性成员

1、direction : enumeration

此属性保存旋转的方向。

• RotationAnimation.Numerical：默认值，通过在两个数字之间线性插值来旋转。如从 0 到 240 的旋转将顺时针旋转 240 度，而从 240 到 0 的旋转将逆时针旋转 240 度。
• RotationAnimation.Clockwise：在两个值之间顺时针旋转
• RotationAnimation.Counterclock：在两个值之间逆时针旋转
• RotationAnimation.Shortest：沿产生最短动画路径的方向旋转。如从 10 到 350 的旋转将逆时针旋转 20 度。

2、from : real

      to : real

此属性保存动画的起始 / 结束值。

如果在 Transition 或 Behavior 中定义了 RotationAnimation，则该值默认为在 Transition 的起始状态 / 结束状态中定义的值，或触发 Behavior 时属性的当前值。