QML图像、状态和动画--QML状态

所有基于Item的对象都有一个默认状态，还可以使用项目的states属性通过添加新的State对象来为其指定附加状态

每个状态在一个项目中名称唯一，要改变状态，可以将state属性设置为要改变到的状态

对于不是Item派生的对象可以通过StateGroup元素来使用状态

1. 创建状态

要创建一个状态，可以向项目的states属性添加一个State对象，states属性包含了改项目状态的列表

import QtQuick 2.4Rectangle {    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属性的方法。