0%

NumberAnimation属性说明

相关控件:SequentialAnimation ParallelAnimation

NumberAnimation是一个专门的PropertyAnimation,定义当数值改变时要应用的动画。

本文: https://www.lovejia.win/blog/article/NumberAnimation.html
参考原文:http://doc.qt.io/qt-5/qml-qtquick-numberanimation.html
参考译文:http://blog.csdn.net/xuancailinggan/article/details/50893754

属性说明

from : real

此属性保存动画的起始值。
如果NumberAnimation在Transition或Behavior中定义,则此值默认为在Transition的开始状态中定义的值,或者是触发行为时属性的当前值。

to : real

此属性保存动画的结束值。
如果NumberAnimation是一种内定义的过渡或行为,这个值默认值中的最终状态定义的过渡,或触发属性变化值行为。

功能简述

NumberAnimation是一个专门的PropertyAnimation,定义当数值改变时要应用的动画。
像任何其他动画类型一样,NumberAnimation可以以多种方式应用,包括转换,行为和属性值源。

以下示例一个应用于Rectanglex属性的NumberAnimation作为属性值源。它会将x值从当前值动态化为50,超过1000毫秒:

1
2
3
4
5
6
7
8
import QtQuick 2.0

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

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

注意:如果NumberAnimation正在跟踪的数值有不规则的变化,它可能不会平滑地生成动画。如果是这种情况,请改用SmoothedAnimation。

------本文结束    感谢阅读------
你打赏你的,我分享我的!