鸿蒙原生开发手记:徒步迹 - 弹出菜单与对话框封装
鸿蒙原生开发手记:徒步迹 - 弹出菜单与对话框封装
封装通用的弹出菜单和对话框组件
前言
弹出菜单和对话框是移动应用中常见的交互组件。ArkUI 提供了 AlertDialog、CustomDialog、Popup 等组件,徒步迹将这些组件封装为可复用的工具函数,简化调用方式。
一、通用对话框封装
import { promptAction } from '@kit.ArkUI'; class DialogUtils { // 确认对话框 static async showConfirm(options: { title: string; message: string; confirmText?: string; cancelText?: string; }): Promise<boolean> { return new Promise((resolve) => { AlertDialog.show({ title: options.title, message: options.message, primaryButton: { value: options.cancelText || '取消', action: () => resolve(false), }, secondaryButton: { value: options.confirmText || '确定', action: () => resolve(true), }, }); }); } // 提示对话框 static showToast(message: string): void { promptAction.showToast({ message, duration: 2000, }); } // 加载对话框 static showLoading(message?: string): void { promptAction.showDialog({ title: '加载中', message: message || '请稍候...', buttons: [], }); } static hideLoading(): void { promptAction.closeDialog(); } }二、总结
通过封装通用的对话框工具类,徒步迹的弹窗调用更加简洁统一。AlertDialog、CustomDialog 和 Popup 组件覆盖了从简单提示到复杂交互的各种弹窗场景。
总结
本文围绕“徒步迹“应用的实际开发场景,系统讲解了相关技术的实现要点。通过代码实战+原理剖析的方式,帮助开发者快速掌握 HarmonyOS NEXT 的核心开发能力。
总结要点
- 理解 HarmonyOS NEXT 应用架构与 Ability 生命周期
- 掌握 ArkUI 声明式 UI 的状态管理与组件化开发
- 熟悉常用 Kit 能力(Map Kit、Location Kit、Camera Kit 等)的接入方式
- 学会性能优化、内存管理、并发编程等进阶技巧
- 具备从 0 到 1 构建完整 HarmonyOS 应用工程的能力
核心特性回顾
- 声明式 UI:ArkUI 提供简洁高效的声明式开发范式
- 状态管理:@State、@Prop、@Link、@Provide、@Consume 等装饰器
- 跨组件通信:通过 Provide/Consume 实现跨层级数据传递
- 原生能力:通过 Kit 接入系统能力(地图、定位、相机等)
- 性能优化:LazyForEach、虚拟列表、Skeleton 骨架屏等
学习建议:技术学习重在实践,建议结合项目源码同步动手操作,遇到问题多查阅HarmonyOS 官方文档。
下一篇预告:鸿蒙原生开发手记:徒步迹 - 持续更新中
如果这篇文章对你有帮助,欢迎点赞👍、收藏⭐、关注🔔,你的支持是我持续创作的动力!
相关资源:
- 开源鸿蒙跨平台社区:https://openharmonycrossplatform.csdn.net
- HarmonyOS 官方文档:https://developer.huawei.com/consumer/cn//
- OpenHarmony 开源项目:https://www.openharmony.cn/
- ArkUI 组件参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-ui-development
- 徒步迹项目源码:GitHub - hiking-trail-harmonyos
- DevEco Studio 下载:https://developer.huawei.com/consumer/cn/deveco-studio/
- ArkTS 语言指南:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-overview
- 系列文章导航:CSDN 博客 - 鸿蒙原生开发手记
