所有基于Item的对象都有一个默认状态,还可以使用项目的states属性通过添加新的State对象来为其指定附加状态
每个状态在一个项目中名称唯一,要改变状态,可以将state属性设置为要改变到的状态
对于不是Item派生的对象可以通过StateGroup元素来使用状态
1. 创建状态
要创建一个状态,可以向项目的states属性添加一个State对象,states属性包含了改项目状态的列表
import QtQuick 2.4
Rectangle {
id: myRect
width: 200; height: 200
color: "red"
MouseArea {
anchors.fill: parent
onClicked: myRect.state = "moved" //改变状态,改变坐标
}
states: [ //定义状态
State {
name: "moved"
PropertyChanges {target: myRect; x: 50; y: 50} //改变坐标
}
]
}
State项目定义了在新状态中所要进行的所有改变,可以指定被改变的附加属性,或者为其他对象创建附加的PropertyChanges,也可以修改其他对象的属性,而不仅仅是拥有状态的对象
State {
name: "moved"
PropertyChanges {target: myRect; x: 50; y: 50; color: "green"} //改变坐标
PropertyChanges {target: someOther; width: 1000} //其他对象的属性
}
如果只有一个状态
states: State {
...
}
State 不仅限于对属性值进行修改,还可以:
使用StateChangeScript运行一些脚本
使用PropertyChanges为一个对象重写现有的信号处理器
使用PropertyChanges为一个项目重定义负项目
使用AnchorChanges修改锚的值
2. 默认状态
除了进行批量的属性变化,QML的另一个特色就是可以使项目恢复到默认状态。在默认状态中包含了项目所有的初始化属性值
可以使用when属性来实现
Rectangle {
...
MouseArea {
id: mouseArea
anchors.fill: parent
}
states: State {
name: "moved"; when: mouseArea.pressed
...
}
}
当when属性设置的表达式值为true时,项目会设置为该状态。另外,一个项目可以为其state属性指定一个空字符串来明确地将其状态设置为默认状态。
Rectangle {
...
MouseArea {
anchors.fill: parent
onPressed: myRect.state = "moved";
onReleased: myRect.state = "";
}
states: State {
name: "moved"
...
}
}
使用when属性比使用信号处理器来分配状态更加简单,更符合声明式的语言。所以建议在这种情况下使用前面when属性的方法。