如果说 ArkTS 是鸿蒙开发的语言,那 ArkUI 就是鸿蒙开发的“画布”。它用声明式的方式描述界面,让“界面长什么样”直接体现在代码里。
声明式 UI 是什么
传统 UI 开发是命令式的:先创建控件,再设置属性,一步步“画”出来。ArkUI 则是声明式的:直接描述界面的最终状态,框架负责渲染。
最直观的感受是:界面代码看起来就像“界面的蓝图”,结构清晰,改起来也直观。

组件树
ArkUI 的界面由组件嵌套组成:Column 纵向排列、Row 横向排列,Text、Button、Image 是基础组件,就像搭积木一样组合出完整界面。
组件还支持通用属性(宽度、颜色、圆角)和通用事件(点击、滑动),几乎所有交互都通过组件上的属性和事件表达。
状态驱动界面
ArkUI 的核心思想是“状态驱动”:界面是状态的函数,状态变了,界面自动刷新。用 @State 声明状态变量,修改变量值,UI 自动更新,不需要手动操作 DOM。
比如一个计数器的数字,点按钮改 count 的值,界面上的文本自动变化。这种模式让逻辑和界面解耦,代码更简洁。

装饰器体系
@Component 声明组件、@Entry 声明页面入口、@State 声明状态、@Prop/@Link 做父子组件传值。装饰器是 ArkUI 的“语法糖”,理解它们就等于理解了组件通信。
初学者先记住四个:@Entry、@Component、@State、@Builder(复用 UI 片段),其他用到再查。
学习建议
学 ArkUI 最快的方式是“抄”官方示例:打开示例工程,改属性看效果,再尝试组合多个组件。界面开发是熟能生巧的活,看十遍不如写一遍。
组件、状态、装饰器,这三个概念就是 ArkUI 的“三根柱子”。立住了,界面开发的大门就打开了。