Qt 5.4 QML Item 类

Question

Item 是 Qt Quick 中所有可视元素的基类，虽然它自己什么也不绘制，但是它定义了绘制图元所需要的大部分通用属性，比如 x 、 y 、 width 、 height 、 锚定（ anchoring ）和按键处理。

在 QML 中，parent 关键字代表着父类

Item 属性 states: list

用于向 Item 提供必要的属性列表（the list of possible states for this item），如果要改变此 Item 的 state，仅需要将 state 属性设置为任意一个定义的 states，或将其 state 属性指向一个空串，来回复此 Item 的 default 状态。

Item 属性 PropertyChanges

PropertyChanges 用于定义多个属性或直接绑定一个 state，这个功能确保当 Item 在不同 states 中变换时，其属性只也做对应改变。
注意：当实现一个 PropertyChanges 对象时，需要指定目标 Item，针对指定的 item 来定义或绑定新属性。

import QtQuick 2.0

Item {
    id: container
    width: 300; height: 300

    Rectangle {
        id: rect
        width: 100; height: 100
        color: "red"

        MouseArea {
           id: mouseArea
           anchors.fill: parent
        }

        states: State {
           name: "resized"; when: mouseArea.pressed
           PropertyChanges { target: rect; color: "blue"; height: container.height }
        }
    }
}

在这个例子中，当鼠标被点击后，id 为 rect 的 Rectangle 将会变为蓝色，高变为 container 的高。