GridLayout QML 类型

提供了一种动态排列网格中项的方法。更多...

导入语句import QtQuick.Layouts
继承

Item

属性

详细描述

为了更有效地使用此类型,建议您了解 Qt Quick Layouts 模块的一般机制。有关更多信息,请参阅Qt Quick Layouts 概述

如果调整 GridLayout 的大小,布局中的所有项都将重新排列。它与基于小部件的QGridLayout类似。GridLayout 元素的可见子元素都将属于布局。如果您需要只有一个行或一个列的布局,可以使用RowLayoutColumnLayout。这些提供了更方便的 API,并提高了可读性。

默认情况下,项将根据flow属性排列。flow属性的默认值是GridLayout.LeftToRight

如果指定了columns属性,它将被视为布局可以有的列数的最大限制,在自动定位回下一行的开始之前。只有当flowGridLayout.LeftToRight时,才会使用columns属性。

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 }
}

rows属性以类似的方式工作,但项是按垂直自动定位。只有当flowGridLayout.TopToBottom时,才会使用rows属性。

您可以通过设置 Layout.rowLayout.column 属性来指定项目希望占据的单元格。您还可以通过设置 Layout.rowSpanLayout.columnSpan 属性来指定行跨或列跨。

GridLayout 中的项目支持以下附加属性

有关附加属性的更多信息,请参考此处

另请参阅:RowLayoutColumnLayoutStackLayoutGrid,以及Qt Quick 框架概览

属性文档

columnSpacing : 实数

此属性保存每个列之间的间距。默认值为 5


columns : 整数

此属性保存项目的列限制,这些项目位于 flowGridLayout.LeftToRight 时。默认值是没有限制。


flow : 枚举

此属性保存没有设置显式单元格位置的项目流的方向。它与 columnsrows 属性一起使用,其中它们分别指定流何时重置到下一行或下一列。

可能值包括

常数描述
GridLayout.LeftToRight(默认) 项目相邻放置,然后换行。
GridLayout.TopToBottom从上到下相邻放置项目,然后换列。

另请参阅:rowscolumns


layoutDirection : 枚举 [since QtQuick.Layouts 1.1]

此属性保存网格布局的布局方向 - 它控制项目是从左到右还是从右到左布局。如果指定了 Qt.RightToLeft,则左对齐的项目将右对齐,右对齐的项目将左对齐。

可能值

常数描述
Qt.LeftToRight(默认) 项目从左到右布局。
Qt.RightToLeft项目从右到左布局。

此属性从 QtQuick.Layouts 1.1 中引入。

另请参阅:RowLayout::layoutDirectionColumnLayout::layoutDirection


rowSpacing : 实数

此属性保存每行之间的间距。默认值为 5


rows : 整数

此属性定义了当flow设置为GridLayout.TopToBottom时的物品排列行数限制。默认情况下没有限制。


uniformCellHeights : bool [自QtQuick.Layouts 6.6起]

如果将此属性设置为true,布局将强制所有单元格具有相同的高度。在这种模式下,布局旨在尊重Layout.minimumHeightLayout.preferredHeightLayout.maximumHeight,但可能为了满足所有项的需求而做出妥协。

默认值为false

注意:此API被视为技术预览,可能会在未来版本的Qt中更改或删除。

此属性是在QtQuick.Layouts 6.6中引入的。

另请参阅:GridLayout::uniformCellWidthsRowLayout::uniformCellSizesColumnLayout::uniformCellSizes


uniformCellWidths : bool [自QtQuick.Layouts 6.6起]

如果将此属性设置为true,布局将强制所有单元格具有相同的宽度。在这种模式下,布局旨在尊重Layout.minimumWidthLayout.preferredWidthLayout.maximumWidth,但可能与所有项的需求做出妥协。

默认值为false

注意:此API被视为技术预览,可能会在未来版本的Qt中更改或删除。

此属性是在QtQuick.Layouts 6.6中引入的。

另请参阅:GridLayout::uniformCellHeightsRowLayout::uniformCellSizesColumnLayout::uniformCellSizes


© 2024 Qt公司。此处包含的文档贡献为其各自所有者的版权。此处提供的文档根据GNU自由文档许可证版本1.3的条款进行许可,该许可证由自由软件基金会发布。Qt及其相应商标是芬兰和/或其他国家Qt公司的商标。所有其他商标均为其各自所有者的财产。