openharmony容器组件之Grid

最新推荐文章于 2024-10-23 10:49:54 发布

lplj717

最新推荐文章于 2024-10-23 10:49:54 发布

阅读量840

点赞数

分类专栏： openharmony 文章标签： openharmony harmonyos eTS 华为

本文链接：https://blog.csdn.net/lplj717/article/details/126249100

版权

本文介绍了OpenHarmony中的Grid容器组件，它基于行和列的单元格创建布局。内容涵盖columnsTemplate、rowsTemplate、columnsGap、rowsGap等属性的使用，以及SDK8新增的editMode、layoutDirection、maxCount等特性，展示了如何实现不同方向的布局、间距调整及编辑模式下的拖拽功能。

摘要由CSDN通过智能技术生成

Grid：网格容器，由“行”和“列”分割的单元格所组成，通过指定“项目”所在的单元格做出各种各样的布局

Grid()属性:

columnsTemplate:用于设置当前网格布局列的数量，不设置时默认1列示例, ‘1fr 1fr 2fr’ 分三列，将父组件允许的宽分为4等份，第一列占1份，第二列占一份，第三列占2份。
rowsTemplate:用于设置当前网格布局行的数量，不设置时默认1行示例, '1fr 1fr 2fr’分三行，将父组件允许的高分为4等份，第一行占1份，第二行占一份，第三行占2份。
columnsGap:用于设置列与列的间距。
rowsGap:用于设置行与行的间距。
以下属性SDK8拥有：
editMode：是否进入编辑模式，进入编辑模式可以拖拽Gird组件内部GridItem。
layoutDirection：设置布局的主轴方向，目前支持的主轴布局方向如下：
LayoutDirection.Row：沿水平方向布局，即先填满一列，再去填下一列。
LayoutDirection.Column：沿垂直方向布局，即先填满一行，再去填下一行。
maxCount：当layoutDirection是Row时，表示可显示的最大行数，当layoutDirection是Column时&#x