一个更复杂的例子

在简单的示例中,我们只需将矩形的宽度设置为其父级的宽度。让我们考虑一个更复杂的例子:

ApplicationWindow {
    visible: true
    width: 400
    height: 640

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

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