鸿蒙移动应用开发项目式教程课件 项目1-创建人文历史专区-任务1-8 网络布局与约束.pptxVIP

网络布局与约束

Grid组件概述

网格布局由行和列分割的单元格组成，每个单元格中可以放置一个或多个子组件。网格布局组件包含Grid和GridItem两部分。

1．Grid组件

Grid组件是一种用于构建网格布局的容器组件，它允许开发者通过行和列来分割空间，进而在分割成的网格中的每个单元格内放置子组件（必须为GridItem），以实现各种复杂的布局。

网格布局适用于多种场景，如九宫格图片展示、日历、计算器等。Grid组件能够轻松地将页面均分，减少代码量，提高编程效率，同时使页面更加简洁、美观。

知识解析

学以致用

课堂小结

课后拓展

1.1网络布局与约束

任务导入

Grid组件概述

2．GridItem组件

Grid组件为网格容器，容器内各条目分别对应一个GridItem组件，如图所示。

示例代码如下。

知识解析

学以致用

课堂小结

课后拓展

1.1网络布局与约束

任务导入

Grid组件概述

网格布局是一种二维布局。Grid组件支持自定义行数、列数和每行、每列尺寸占比，设置子组件跨几行或者几列，同时具备垂直和水平布局能力。当网格容器组件尺寸发生变化时，所有子组件及间距会等比例调整，从而实现网格布局的自适应。根据Grid组件的这些布局能力，可以构建出不同样式的网格布局，如图所示。

知识解析

学以致用