在 HarmonyOS 应用开发的学习体系中，**布局与容器**是最基础也是最核心的部分。
本次的《HarmonyOS 布局与容器视频教程》通过 CodeLab 实例讲解的方式，从基础概念到代码实现，系统地展示了 ArkUI 的布局机制与常用组件特性。课程内容循序渐进、讲解清晰，对于初学者和想进一步理解 UI 架构逻辑的开发者来说，都具有很高的学习价值。

一、课程结构与核心内容

课程从“布局的概念”入手，逐步展开对不同布局容器的讲解，并结合实际页面（如登录界面）的代码示例进行分析。
整体分为以下几个知识模块：

1. 布局基础概念

课程开篇提出了一个关键问题：

“我们所看到的页面都是由若干组件构成的，那么，如何让这些组件有条不紊地在页面上布局呢？”

讲师从此出发，解释了布局在 UI 结构中的作用，即通过特定组件或属性来管理界面元素的大小与位置。

2. 三种基础布局：线性、层叠、相对布局

这是课程的核心章节，内容详实，重点介绍了：

• 线性布局（Linear Layout）：通过 Row 和 Column 容器实现，分别用于水平方向和垂直方向的排列；

• 层叠布局（Stack Layout）：通过 Stack 实现元素重叠效果，常用于卡片、广告、浮层场景；

• 相对布局（Relative Layout）：通过 RelativeContainer 实现组件之间的相对定位。

讲师在讲解中引用了典型实例：

“一个容器内有五个 item 组件，分别位于左上、右上、左下、右下、中间位置……使用线性布局需要多个容器嵌套，而相对布局只需一个 RelativeContainer。”

3. 布局层次与开发流程

在了解基础布局后，课程进一步指出：

“布局其实是一种容器组件，可以包含其他组件，通过多层嵌套实现复杂页面。”

并总结了开发流程：

1. 确定页面布局结构；

2. 分析页面元素组成；

3. 选择合适的布局容器与属性。

讲师还以登录页为例，展示了如何自上而下拆解 UI 元素，映射到 Column、Row、Image、TextInput、Button 等组件。

4. 主轴与交叉轴的理解

课程在这一节引入了 ArkUI 布局系统的核心概念——主轴（Main Axis） 与 交叉轴（Cross Axis）。
讲师说明：

“在 Column 中主轴为垂直方向，在 Row 中主轴为水平方向，交叉轴则与主轴垂直。”

这一知识点虽然简单，却是后续掌握对齐与分布属性的关键。

5. 布局属性与参数讲解

课程在后半段重点讲解了三个重要属性：

• Space：控制主轴方向的间距；

• justifyContent：主轴方向对齐方式（Start, Center, End, SpaceBetween, SpaceAround, SpaceEvenly）；

• alignItems：交叉轴方向对齐方式。

讲师通过示例演示：

“当配置为 SpaceBetween 时，第一个元素与首端对齐，最后一个元素与尾端对齐；配置为 SpaceEvenly 时，所有元素间距一致。”

这种逐项演示的方式清晰直观，是课程中教学效果最好的部分。

二、学习收获与课程评价

1. 内容系统、讲解清晰

课程从概念、分类到属性参数的层层递进逻辑清晰。讲师在每个知识点后都配合实际开发场景（如登录页、按钮排列）讲解，使理论与实践结合紧密。

2. 示例典型、可直接上手

CodeLab 的实践方式让开发者可以快速模仿与复现，尤其在“Row/Column 嵌套”和“对齐属性”部分，几乎可以照搬到真实项目中。

3. 对初学者非常友好

对比 Android 或 Flutter 的布局体系，HarmonyOS 的 ArkUI 概念更简洁，属性命名直观。课程用语平实、节奏适中，能帮助没有框架经验的开发者快速入门。

三、学习后的体会

通过学习本课程，我对 HarmonyOS 的布局体系有了系统的认识。
从最初的“Row 与 Column 只是排列方向不同”到深入理解“主轴与交叉轴的弹性分布与对齐策略”，能明显感受到 ArkUI 在布局机制上的优雅与一致性。

同时，课程让我意识到合理的布局结构是应用性能与可维护性的基础。
讲师在总结部分提到：

“了解页面布局结构，对后续代码开发、问题分析和性能优化都非常关键。”

这句话可作为本课程的核心总结。
学习完后，我不仅能独立完成登录页、表单页等静态页面的搭建，也能更自信地在实际项目中选择合适的容器和属性，实现更灵活的界面布局。

四、总结

整体来看，《HarmonyOS 布局与容器》视频教程内容完整、讲解细致，是入门 ArkUI 开发的重要课程之一。
它不仅讲清了“怎么用”，更强调了“为什么这样用”，让学习者真正理解布局背后的逻辑与设计哲学。
无论是新手入门还是已有其他框架经验的开发者，这门课都值得系统学习与反复复盘。

推荐指数：★★★★★
适合人群：初学 HarmonyOS/ArkUI 的开发者、UI 工程师、移动端跨平台开发者。

更多精彩内容，请关注公众号：【名称：HarmonyOS开发者技术，ID：HarmonyOS_Dev】；也欢迎加入鸿蒙开发者交流群：https://work.weixin.qq.com/gm/48f89e7a4c10206e053e01ad124004a0