OpenHarmony高级UI组件有哪些

在 OpenHarmony（ArkUI） 体系下，"高级 UI 组件"通常指 功能复杂、封装度高、常用于业务场景或系统级交互 的组件，区别于基础的 Text / Button / Image 等。下面按使用场景和层级给你系统梳理一下（以 OpenHarmony 3.2+ / ArkTS 为主）。

一、布局与容器类（进阶）

用于复杂页面结构，不是简单堆叠：

• Stack：层叠布局（浮层、弹窗）
• Grid / GridItem：二维网格布局
• List / ListItem：高性能长列表
• Swiper：轮播容器
• Scroll / Scroller：滚动容器
• Refresh：下拉刷新
• WaterFlow（ArkUI 新特性）：瀑布流布局

二、交互与反馈类（高频高级组件）

常用于增强用户体验：

• Dialog / CustomDialog：对话框
• Popup：气泡提示
• Menu：上下文菜单
• Toast（通过 promptAction）
• LoadingProgress：加载动画
• Progress：进度条（环形/线性）
• Badge：角标

三、表单与输入类（业务常用）

• TextInput / TextArea
• Checkbox / CheckboxGroup
• Radio
• Switch
• Slider
• DatePicker / TimePicker
• Select（下拉选择）

四、导航与页面结构类

• Tabs / TabContent：底部或顶部导航
• Navigation：页面导航容器（推荐用于多页 App）
• Router（页面跳转，非组件但常配合）
• SideBarContainer：侧边栏

五、图形与动画类（偏高级能力）

• Canvas：2D 绘图
• Shape / Path / Rect / Circle
• Animator / 属性动画 / 显式动画
• Particle（粒子动画，高级特性）

六、媒体与系统能力类

• Video
• Image（支持 SVG / 动图）
• Camera（配合能力接口）
• Web：内嵌浏览器组件（非常“高级”）

七、OpenHarmony 特有 / 系统级组件

这些是 OpenHarmony 区别于普通前端框架的：

• AbilityComponent（跨 Ability 嵌入）
• FormComponent（卡片）
• AtomicService（原子化服务 UI）
• 分布式组件（跨设备 UI 迁移）

八、常用“高级封装”思路

实际项目中常说的“高级 UI 组件”也包括：

• 自定义组件（@Component + @State）
• 高阶组件（组合多个系统组件）
• 状态驱动 UI（AppStorage / LocalStorage）
• 动态加载组件

简单对比总结

如果你愿意，可以告诉我：

• 你是 应用开发 / 系统开发
• 用的是 ArkTS 还是 JS
• 想做 哪类界面（商城 / 控制面板 / 分布式）

我可以直接给你对应高级组件清单 + 示例代码。