Roson的Qt之旅#49 QML动画之Behavior

柔情只为你懂 2022-09-14 15:16 171阅读 0赞

# 1.继承关系 #

Behavior和Animation之间不存在继承关系，但是Behavior有一个成员变量是Animation类型的：  
**\[default\] animation : Animation**

# 2.详细描述 #

Behavior定义了当特定属性值改变时应用的默认动画。  
例如，下面的行为定义了当矩形的宽度值改变时运行的NumberAnimation。当鼠标区域被点击时，宽度被改变，触发行为的动画:

import QtQuick 2.9
    import QtQuick.Window 2.2
    import QtQuick.Controls 2.2
    
    Window {
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
        Rectangle {
            id: rect
            width: 100; height: 100
            color: "red"
    
            Behavior on width {
                NumberAnimation { duration: 1000 }
            }
    
            MouseArea {
                anchors.fill: parent
                onClicked: rect.width = 50
            }
        }
    }

![a93c6bf6a8f445f2bad52a0a7b52a6b2.gif][]

注意，一个属性不能有多个指定的行为。要在一个行为中提供多个动画，请使用ParallelAnimation或SequentialAnimation。  
如果状态更改具有与行为匹配相同属性的Transition，则Transition动画将覆盖该状态更改的Behavior。有关使用行为动画状态更改的一般建议，请参见使用带有状态的Qt快速行为。  
更多信息请查阅Qt Quick中的动画和过渡、行为示例和Qt QML。

# 3.数据成员 #

## \[default\] animation : Animation ##

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

## enabled : bool ##

此属性用于保存被跟踪的属性更改值时是否会触发该行为。  
缺省情况下，行为为启用状态。

[a93c6bf6a8f445f2bad52a0a7b52a6b2.gif]: /images/20220828/fe3c6d7320914192bc1e5d89fbb72cbc.png