HarmonyOS ArkUI 常用控件分类汇总

1. 布局类（Layout Components）

控件名称 类型 作用描述
Row 布局容器 水平排列子组件
Column 布局容器 垂直排列子组件
Stack 布局容器 组件堆叠显示，后添加的在上层
GridContainer 布局容器 支持响应式网格布局
Flex 布局容器 弹性盒子布局，支持主轴/交叉轴方向排布

2. 基础组件（Basic Components）

控件名称 类型 作用描述
Text 显示组件 用于显示文字
Image 显示组件 用于展示图片
Button 操作组件 用于响应点击操作
Divider 显示组件 显示水平或垂直分割线
Blank 占位组件 占用一定空间（类似 Spacer）

3. 表单类（Form & Input Components）

控件名称 类型 作用描述
TextInput 输入框 文本输入控件
PasswordInput 输入框 密码输入框
TextArea 多行输入框 支持多行文本输入
Checkbox 表单控件 单个复选框
CheckboxGroup 表单控件 复选框组
Radio 表单控件 单选框
RadioGroup 表单控件 单选框组
Switch 表单控件 开关按钮
Slider 表单控件 滑动条
DatePicker 表单控件 日期选择器
TimePicker 表单控件 时间选择器

4. 列表与滚动类（Scroll & List）

控件名称 类型 作用描述
List 列表组件 用于展示垂直或水平的可滚动项集合
ListItem 列表项 列表中每一项
Grid 网格组件 表格形式展示内容
Scroll 滚动容器 为内容提供滚动能力
Swiper 轮播组件 支持滑动切换视图（如广告轮播）

5. 弹出与浮层类（Popup & Overlay）

控件名称 类型 作用描述
Dialog 弹窗组件 显示模态对话框
Popup 弹出层 显示非模态浮层
AlertDialog 弹窗组件 显示包含标题、内容和按钮的警告框
Toast 弹出提示 显示短暂的信息提示
ActionSheet 操作菜单 显示操作选项的底部弹出菜单

6. 动画与视觉类（Animation & Effect）

控件名称 类型 作用描述
Animate 动画容器 为子组件添加动画效果
Transition 过渡动画 在组件切换时添加过渡效果
Gesture 手势组件 处理用户的点击、滑动等手势事件

7. 导航类（Navigation）

控件名称 类型 作用描述
Navigation 导航容器 控制页面导航
Navigator 页面跳转组件 跳转至指定页面
Tabs 标签页 用于切换多个页面或视图
TabContent 标签内容 与 Tabs 配合使用，定义每页内容

8. 媒体类（Media）

控件名称 类型 作用描述
Video 媒体播放 播放视频内容
Audio 媒体播放 播放音频内容

📌 说明：

  • ArkUI 是基于声明式范式的 UI 框架，部分控件需要配合状态管理（如 @State、@Prop）使用。
  • 控件属性和事件响应建议结合文档或 IDE 自动提示进行开发。
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容