QML 布局：网格布局（GridLayout）

导入模块

import QtQuick.Layouts 1.1

继承
item类


属性
columnSpacing
设置布局的列间距。

columns
设置列数。如果flow为GridLayout.LeftToRight，则此属性保留所定位项的列限制。默认值为不限制。

flow
设置布局的流方向。
GridLayout.LeftToRight (默认)：项彼此挨着放置，然后换行到下一行。
GridLayout.TopToBottom：条目从上到下挨个排列，然后包装到下一列。

layoutDirection
设置布局的布局方向。

rowSpacing
rows

如果GridLayout调整了大小，那么布局中的所有项目都将重新排列。


布局中的项支持以下附加属性
Layout.row
设置项目在布局中第几行。

Layout.column

Layout.rowSpan
设置项目的行跨度。

Layout.columnSpan
Layout.minimumWidth
Layout.minimumHeight
Layout.preferredWidth
Layout.preferredHeight
Layout.maximumWidth
Layout.maximumHeight
Layout.fillWidth
Layout.fillHeight
Layout.alignment
Layout.margins
Layout.leftMargin
Layout.rightMargin
Layout.topMargin
Layout.bottomMargin

以上同其他布局的通用属性。可参考：QML 布局：列布局（ColumnLayout）和行布局（RowLayout ）

举例

GridLayout {
    id: grid
    columns: 3

    Text { text: "Three"; font.bold: true; }
    Text { text: "words"; color: "red" }
    Text { text: "in"; font.underline: true }
    Text { text: "a"; font.pixelSize: 20 }
    Text { text: "row"; font.strikeout: true }
}

官方文档：https://doc.qt.io/qt-6/qml-qtquick-layouts-gridlayout.html#columnSpacing-prop