Roson的Qt之旅#39 QML数字动画(NumberAnimation)

1.简介

NumberAnimation是一个专门的PropertyAnimation，它定义了当数值改变时应用的动画。
这里是一个NumberAnimation应用到一个矩形的x属性作为属性值源。它将x值从当前值动画为50，超过1000毫秒:

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.2Window {visible: truewidth: 640height: 480title: qsTr("Hello World")Rectangle {width: 100; height: 100color: "red"NumberAnimation on x { to: 50; duration: 1000 }}}

与任何其他动画类型一样，NumberAnimation可以以多种方式应用，包括转换、行为和属性值源。Qt Quick文档中的动画和过渡显示了创建动画的各种方法。
注意，如果NumberAnimation跟踪的数值发生了不规则的变化，则NumberAnimation可能不会平滑地进行动画。如果是这种情况，请使用SmoothedAnimation。
参见Animation and Transitions in Qt Quick and Qt Quick Examples - Animation.。

 2.数据成员介绍

2.1 from : real

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

例如，以下动画在x值达到100时才应用:  

  Item {states: [// ...]transition: Transition {NumberAnimation { properties: "x"; from: 100; duration: 200 }}}

如果NumberAnimation是在Transition或Behavior中定义的，则该值默认为Transition的开始状态中定义的值，或行为触发时属性的当前值。

参见Animation and Transitions in Qt Quick.

2.2 to : real

此属性保存动画的最终值。
如果NumberAnimation是在Transition或Behavior中定义的，则该值默认为Transition结束状态中定义的值，或触发Behavior的属性更改的值。
参见Animation and Transitions in Qt Quick. 

3.继承关系

父类:
PropertyAnimation

子类:
SmoothedAnimation and SpringAnimation