【HarmonyOS(ArkTS)学习笔记-4】了解开发布局

内容学习来自华为开发者学习网站

文档中心https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/arkts-layout-development-overview-0000001450866508-V3?catalogVersion=V3

目录

了解开发布局

1.什么是布局

2.布局结构

3.布局元素的组成

4.如何选择布局

5.布局位置

6.对子元素的约束

---

了解开发布局

1.什么是布局

组件按照布局的要求依次排列，构成应用的页面。在声明式UI中，所有的 页面都是由自定义组件构成，开发者可以根据自己的需求，选择合适的布局进行页面开发。

布局指用特定的组件或者属性来管理用户页面所放置UI组件的大小和位置。在实际的开发过程中，需要遵守以下流程保证整体的布局效果：

• 确定页面的布局结构

• 分析页面中的元素构成

• 选用适合的布局容器组件或属性控制页面中各个元素的位置和大小约束

2.布局结构

布局的结构通常是 分层级 的，代表了用户界面中的整体架构。

为实现上图效果，开发者需要在页面中声明对应的元素。

Page表示页面的根节点，Column/Row等元素为系统组件。针对不同的页面结构，ArkUI提供了不同的布局组件来帮助开发者实现对应布局的效果，例如Row用于线性布局。