GridLayout в QML, как ограничить прямоугольник в ячейке

Question

Я использую приведенный ниже код в надежде установить мой Rectangle в верхнюю середину Item.

import QtQuick 2.0
import QtQuick.Layouts 1.3

Item {
    GridLayout {
        id: gridLayout
        anchors.fill: parent
        columns: 5
        rows: 7

        Rectangle {
            id: rectangle
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.row: 0
            Layout.column: 2
            Layout.rowSpan: 1
            Layout.columnSpan: 2

            color: "#ffffff"
        }
    }
}

Вместо этого Rectangle заполняет весь элемент.

Answer 1

Я вижу, что в GridLayout все относительно, и если что-то не проходит должным образом, это шоу "навоз".Следующее работает для меня.

import QtQuick 2.0
import QtQuick.Layouts 1.3

Item {
    GridLayout {
        id: gridLayout
        anchors.fill: parent

        Rectangle {
            id: top_center
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.row: 0
            Layout.column: 2
            Layout.rowSpan: 1
            Layout.columnSpan: 1

            color: "#ffffff"
        }
        Rectangle {
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.row: 1
            Layout.column: 0
            Layout.rowSpan: 3
            Layout.columnSpan: 1

            color: "lightblue"
        }
        Rectangle {
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.row: 1
            Layout.column: 1
            Layout.rowSpan: 3
            Layout.columnSpan: 6

            color: "white"
        }
        Rectangle {
            Layout.fillHeight: true
            Layout.fillWidth: true
            Layout.row: 4
            Layout.column: 0
            Layout.rowSpan: 1
            Layout.columnSpan: 6

            color: "lightblue"
        }
    }
}