qt - GridLayout columnSpan 属性不能按预期工作

Question

也许我不明白关于 QtQuick.Layouts - GridLayout 的一些观点。我想实现以下目标：

这是一个 4 列布局。红色和绿色矩形占用 1 列，蓝色占用 2 列。代码是：

Window {   
    visible: true
    width: 800
    height: 600
    GridLayout {
         id: grid
         anchors.fill: parent
         columns: 4
         Rectangle {
             Layout.fillWidth:true
             Layout.fillHeight:true
             Layout.columnSpan: 1
             color: "red"
         }
         Rectangle {
             Layout.fillWidth:true
             Layout.fillHeight:true
             Layout.columnSpan: 1
             color: "green"
         }
         Rectangle {
             Layout.fillWidth:true
             Layout.fillHeight:true
             Layout.columnSpan: 2
             color: "blue"
         }
    }
}

当我运行这段代码时，我得到了所有 3 个宽度相同的三个矩形。我究竟做错了什么？

标签： qtqmlgrid-layout