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

所有基于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属性的方法。