在鸿蒙应用开发中，ArkUI 是构建界面的核心框架，而理解它的三个基础元素，是写出规范、可运行页面的第一步。本文将结合代码示例，拆解 @Entry、@Component 和 build() 的作用，并带你实现布局。

一、ArkUI 的三个核心元素

1.@Entry —— 页面入口

作用：标记当前组件为页面入口，相当于前端（C语言）的 main 函数，让这个页面可以独立运行、被系统加载。

特点：一个 .ets 文件中只能有一个 @Entry，它是应用启动后最先渲染的组件。

类比理解：就像是你翻开一本图书最先看到的内容就是@Entry 标记的组件

2. @Component —— UI 组件标记

作用：标记一个 struct 为可复用的 UI 组件，只有被它装饰后，才能在 build() 里构建界面、显示内容。

必备关系：@Entry 必须和 @Component 配合使用 —— 只有被 @Component 标记的组件，才能被 @Entry 声明为页面入口。

类似理解：@Component 就像 = 外卖餐盒，你要装饭菜（UI 内容），必须先有一个餐盒没有餐盒，饭菜放不了，也送不出去@Component 就是告诉你：这是一个合格的餐盒，可以装界面了！

3. build() —— 构建 UI 的核心方法

作用：构造组件的方法，所有 UI 布局、样式、子组件都必须写在 build() 方法内部，框架会自动执行

build() 是 ArkUI 中「绘制界面」的唯一入口，所有的布局结构、样式设置、子组件声明，都必须写在这个方法内部。

二、代码实战：

水平三等分布局

1.垂直布局——Column属性

布局方向：子组件从上到下依次排列

主轴：垂直方向（控制子组件在垂直方向的对齐）

交叉轴：水平方向（控制子组件在水平方向的对齐）

2.水平布局——Row属性

布局方向：子组件从左到右依次排列

主轴：水平方向（控制子组件在水平方向的对齐）

交叉轴：垂直方向（控制子组件在垂直方向的对齐）

3.ArkUI 学生管理个人中心页面