qml 一个更复杂的例子

示例

在简单的示例中，我们仅将矩形的宽度设置为其父级的宽度。让我们考虑一个更复杂的示例：

ApplicationWindow {
    visible: true
    width: 400
    height: 640

    Rectangle{
        id: rect
        anchors.centerIn: parent
        height: 100
        width: parent.width/2 + parent.width/3
        color: "blue"
    }
}

在示例中，我们对要绑定的值执行算术运算。如果将正在运行的应用程序窗口的大小调整为最大宽度，则矩形和应用程序窗口之间的间隙将变宽，反之亦然。