如何在Gridlayout中定位项目

Question

我将Image个对象动态添加到GridLayout QML文件中的qt。我想定位图像项目，以便每个新图像项目都位于前一个图像项目的右侧，如果该行中没有任何位置，则将其直接放置到下一行。这正是我输入这个问题的方式，即。字母是我的图像项目，文本框是布局。

然而输出如下：

布局在项目之间留出空间，如屏幕截图所示。我已经阅读了gridlayout的属性并尝试了很多组合，但没有提出正确的组合。这些是我到目前为止设置的属性：

GridLayout {
    id: myLayout
    anchors.fill: parent

    columnSpacing: preferredColumnSpacing
    rowSpacing: preferredRowSpacing

    Component {
        id: myImageComponent
        Image {
            visible: true
            Layout.alignment: (Qt.AlignLeft | Qt.AlignTop)
            Layout.preferredWidth: preferredImageWidth
            Layout.preferredHeight: preferredImageHeight
        }
    }
}

哪种修改能给我预期的行为？

上面的屏幕截图中的

编辑，布局有9列，4行但有17个图像项。