标小智logo设计官网_深圳提供网站建设服务平台_上海网络公司seo_搜索引擎优化排名关键字广告

Qml-Behavior的使用

Behavior的概述

1. Behavior：当属性值发生变化时的默认动画
2. 属性animation : Animation：属性变化的动画
3. 属性enabled : bool：属性值变换时是否使能Behavior(行为)；
4. 属性targetProperty.name : string: 只读，目标属性名称
5. 属性targetProperty.object : QtObject:只读，目标属性对象
6. 注意：一个属性只能一个Behavior(行为)，如果想给一个Behavior设置多个动画，可以使用并行动画或串行动画
7. 注意：如果状态（State）更改的属性的和Behavior(行为)绑定的属性为同一个，状态的过渡动画会覆盖Behavior(行为)的动画

Behavior的实例代码

import QtQuick//Behavior 定义属性值发生改变时的默认动画
//注意 一个属性不能指定多个行为动画，如果需要指定多个行为动画，可以使用并行(ParallelAnimation)或者线性动画(SequentialAnimation)
//如果状态（State）更改的属性与Behavior绑定的属性相同时，状态（State）的动画会覆盖Behavior的动画。Item {id: itemTransformRectangle {id:idRecwidth: 100; height: 100color: "blue"Behavior on height {id: idBe//行为动画animation:  NumberAnimation{duration: 1000}}MouseArea{anchors.fill: parentonClicked:  parent.height = (parent.height === 100 ? 50 : 100);}onHeightChanged: {console.log("be targetValue = ",idBe.targetValue," be enable = ",idBe.enabled,"be tagpro name = ",idBe.targetProperty.name);if(idBe.targetProperty.object == idRec)console.log("be tagpro obj equal");}}
}

Behavior实例代码运行结果如下：

1.当点击 矩形区域，高度会从100~50 或者从50~100；会打印属性targetProperty.name 、 **targetProperty.object **相关的信息;
2.输出信息如下

3.效果图如下：