鸿蒙 ArkTS 核心知识点完整详解(考试版）

一、布局容器（页面承载规则）

基础规则

所有页面只能有 1 个根布局容器，根布局内部可以无限嵌套其他布局，用来实现复杂页面排版。

1. 垂直布局 Column

概念

子组件从上到下垂直排列，是表单、登录页、长列表最常用布局，支持space设置子组件间距、justifyContent控制垂直对齐。

2. 水平布局 Row

概念

子组件从左到右水平排列，用于导航栏、按钮并排、一行多元素场景。

3. 相对布局 RelativeContainer

概念

通过alignRules设置组件相对位置，组件可以互相参照摆放，适合不规则自由排版。

4. 层叠布局 Stack

概念

子组件沿 Z 轴堆叠，后写的组件覆盖在先写组件上方，适合轮播、弹窗、图片叠加文字场景。

5. 弹性布局 Flex

概念

强化版 Row/Column，支持自动换行、均分宽度、自适应尺寸，适合多元素自动适配屏幕。

二、基础 UI 组件

1. 轮播图 Swiper

概念

横向滑动切换多张图片 / 内容，首页广告图常用组件。

2. 视频 Video

概念

播放本地 / 网络视频资源，支持暂停、进度控制。

3. 图片 Image

概念

展示本地、网络图片，支持缩放、圆角。

4. 选项卡 Tabs

概念

多页面标签切换，底部导航、分类页面核心组件。

5. 文本 / 输入框 Text / TextInput

Text：静态文字展示；TextInput：接收用户输入

6. 按钮 Button

概念

可点击交互组件，绑定onClick实现点击逻辑。

7. 单选框 Radio

概念

多选一选择组件，配合 RadioGroup 使用。

8. Toggle 开关组件

概念

布尔切换开关（开启 / 关闭），用于设置类功能。

三、状态管理 @State

概念

@State是 ArkTS 核心响应式装饰器，修饰变量后，变量值发生修改时，绑定该变量的 UI 会自动刷新，用于存储页面内局部可变数据（输入框文字、开关状态、计数等）。

四、事件交互

1. onChange 数据变化事件

概念

监听组件数据改变触发回调，常用于输入框、单选框、开关，实时捕获用户输入 / 选择变化。

2. onClick 点击事件

概念

监听组件点击操作，按钮、文字、图片都可绑定，执行跳转、修改状态、弹窗等逻辑。

五、拓展掌握知识点

1. 弹窗 PromptAction

概念

弹出提示框、确认框、Toast 轻提示，用于消息反馈、二次确认。

2. 页面路由 Router

概念

实现多页面之间跳转，项目所有页面必须在main_pages.json注册路径，支持前进、返回、页面传参。

示例：

1、页面 A（Login.ets）跳转页面 B（Index.ets）

2、目标页面 Index.ets 返回上一页

3、main_pages.json 路由注册配置（必须配置，否则跳转失效）