0%

Behavior属性说明

相关控件:SequentialAnimation ParallelAnimation

Behavior定义每当特定属性值更改时应用的默认动画。

本文: https://www.lovejia.win/blog/article/Behavior.html
参考原文:http://doc.qt.io/qt-5/qml-qtquick-behavior.html
参考译文:http://blog.csdn.net/vampire_armand/article/details/38895987

属性说明

animation : Animation

此属性保存动画在触发行为时运行。

enabled:bool

当属性变化时,行为是否被触发。默认是触发的。

功能简述

Behavior定义每当特定属性值更改时应用的默认动画。
如果状态变化有一个过渡,同样的属性相匹配的一个行为,在过渡动画覆盖该状态改变行为。
注意:属性不能有多个分配的行为。要在“行为”中提供多个动画,请使用ParallelAnimation或SequentialAnimation。

下面的例子定义了NumberAnimation要运行每当矩形的width值的变化。当MouseArea被点击时,width被改变,触发行为的动画:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
Rectangle {
id: rect
width: 100; height: 100
color: "red"

Behavior on width {
NumberAnimation { duration: 1000 }
}

MouseArea {
anchors.fill: parent
onClicked: rect.width = 50
}
}
------本文结束    感谢阅读------
你打赏你的,我分享我的!