弹窗库:Toast、Loading、ActionSheet的统一封装(244)
在鸿蒙HarmonyOS应用开发中系统自带的AlertDialog往往样式单一而频繁手写CustomDialog又会导致代码冗余。为了实现 Toast、Loading、ActionSheet 的统一封装目前业界主要有两种主流方案引入成熟的第三方库和基于原生 API 进行高阶自定义封装。方案一引入成熟的第三方库推荐开箱即用鸿蒙生态中已有非常优秀的零侵入弹窗库例如pura/harmony-dialog。它仅需一行代码即可实现各种弹窗极大提升了开发效率。1. 安装与全局初始化ohpm install pura/harmony-dialog必须在EntryAbility的onCreate生命周期中初始化上下文否则调用会报错import { DialogUtil } from pura/harmony-dialog; export default class EntryAbility extends UIAbility { onCreate(want: Want, launchParam: AbilityConstant.UIAbilityLaunchParam): void { DialogUtil.init(this.context); } }2. 统一调用示例import { DialogUtil } from pura/harmony-dialog; // 1. Toast 轻量提示 DialogUtil.toast(操作成功); // 2. Loading 加载状态网络请求时使用 DialogUtil.loading(加载中...); // 请求结束后关闭 DialogUtil.hideLoading(); // 3. ActionSheet 底部菜单 DialogUtil.actionSheet([拍照, 从相册选择], (index: number) { console.log(选择了第, index, 项); });注该库还支持弹窗队列多个弹窗依次显示不会互相覆盖非常适合批量提示场景。方案二基于原生 API 的高阶自定义封装如果项目对 UI 样式有极高的定制要求或者不希望引入第三方依赖可以基于鸿蒙最新的UIContext.getPromptAction.openCustomDialog进行全局解耦封装。核心设计思路页面解耦使用openCustomDialog代替传统的CustomDialogController实现全局任意位置调用无需在页面中绑定组件。状态双向绑定使用$$语法进行布尔值绑定确保弹窗能正确关闭。单例模式封装一个DialogService统一调度。1. 封装全局 Toast利用 setTimeout 自动关闭Builder function buildToast(params: { text: string }) { Text(params.text) .fontSize(16) .fontColor(Color.White) .padding(12) .backgroundColor(#CC000000) .borderRadius(8) } export class DialogService { static showToast(text: string, duration: number 2000) { const uiContext AppStorage.getUIContext(uiContext)!; const dialog uiContext.getPromptAction().openCustomDialog( wrapBuilder(buildToast), { data: { text: text } } ); // 定时自动关闭 setTimeout(() { dialog.close(); }, duration); } }2. 封装通用 Loading 与 ActionSheet同样地将 Loading 的转圈动画如LoadingProgress和 ActionSheet 的列表布局封装为Builder通过openCustomDialog唤起。对于 Loading可以通过暴露一个close()方法供业务层在异步请求结束后手动关闭。鸿蒙弹窗选型决策树在统一封装时建议根据业务场景自动匹配最合适的底层 API纯反馈提示如保存成功使用Toast。二次确认如删除操作使用showDialog或AlertDialog。底部选项/动作面板使用ActionSheet或bindSheet。自定义复杂 UI 弹窗使用openCustomDialog。全屏遮罩/半模态使用bindContentCover或bindSheet。

相关新闻

基于Spring Boot+Vue的校园动物救助平台的设计

基于Spring Boot+Vue的校园动物救助平台的设计

摘 要 本研究聚焦于设计与实现基于Spring BootVue的校园动物救助平台的设计与实现,旨在改善传统动物救助工作中信息分散、流程混乱及社交互动不足等困境。在当今互联网技术蓬勃发展的背景下,借助 SpringBoot 框架强大的后端开发能力,其自动…

2026/8/20 19:21:49 阅读更多 →
下拉刷新库:通用下拉刷新与上拉加载组件(243)

下拉刷新库:通用下拉刷新与上拉加载组件(243)

在鸿蒙(HarmonyOS)开发中,构建一个通用的下拉刷新与上拉加载组件,通常有“基于原生组件封装”、“引入成熟第三方库”和“自定义物理动画”三种主流思路。以下是为您整理的全面实战方案:一、 基于原生组件快速封装&…

2026/8/17 17:34:13 阅读更多 →
2026 百元性价比蓝牙耳机实测|百元蓝牙耳机选购指南与机型推荐

2026 百元性价比蓝牙耳机实测|百元蓝牙耳机选购指南与机型推荐

前言预算控制在百元区间挑选蓝牙耳机,是学生党、通勤上班族最普遍的需求。市面上百元价位 TWS 耳机数量庞大,大量产品存在降噪参数虚标、蓝牙连接不稳、佩戴压耳、续航严重缩水等问题。很多用户搜索百元性价比蓝牙耳机推荐,希望找到实测靠谱、…

2026/8/20 6:58:54 阅读更多 →

最新新闻

智能体面试准备(四十三):具身智能体与机器人实操——从 VLA 到 Sim2Real

智能体面试准备(四十三):具身智能体与机器人实操——从 VLA 到 Sim2Real

智能体面试准备(四十三):具身智能体与机器人实操——从 VLA 到 Sim2Real 引言:本篇是 B24(GUI Agent)与 B40(自主智能体前沿)的"物理世界版" B24 讲智能体怎么操控图形界面…

2026/8/21 6:23:13 阅读更多 →
MATLAB 2021a 安装部署全攻略:从零搭建数值计算环境

MATLAB 2021a 安装部署全攻略:从零搭建数值计算环境

这次我们来看 MATLAB 2021a 的安装部署。对于理工科学生和工程师来说,MATLAB 是绕不开的数值计算与数据分析工具,但它的安装过程,尤其是许可证配置,常常是新手的第一道门槛。这篇文章不讲复杂概念,直接聚焦于如何从零开…

2026/8/21 6:23:13 阅读更多 →
豆包聊天记录怎么导出?用DS随心转批量保存多轮对话和Markdown原文

豆包聊天记录怎么导出?用DS随心转批量保存多轮对话和Markdown原文

豆包聊天记录需要长期保存时,不要只截长图或只复制最后一条回答。可靠流程是先把目标对话完整加载,按主题选择有权访问的多轮消息,用 DS随心转免费导出 Markdown 留作可检索原文,再根据交付需求生成 Word、PDF、Excel 或图片&…

2026/8/21 6:23:13 阅读更多 →
基于Spring Boot的”医检通”健康体检管理系统的实现

基于Spring Boot的”医检通”健康体检管理系统的实现

一、 项目背景与意义随着社会发展和生活水平提高,公众对健康管理的需求日益增长,定期健康体检已成为预防疾病、保障健康的重要手段。然而,传统的体检流程普遍存在以下痛点:流程繁琐,效率低下: 体检者需要现…

2026/8/21 6:23:13 阅读更多 →
基于Spring Boot的“悦动圈”健身房会员预约系统的设计与实现

基于Spring Boot的“悦动圈”健身房会员预约系统的设计与实现

一、 项目背景与意义随着全民健身意识的提升和健康生活方式的普及,健身房已成为现代都市人群的重要活动场所。然而,传统健身房在会员管理、课程预约、教练排班等方面,普遍存在效率低下、信息不透明、用户体验差等问题。例如,会员需…

2026/8/21 6:23:13 阅读更多 →
OLED显示器游戏优化全攻略:从原理到实战,提升《无畏契约》竞技体验

OLED显示器游戏优化全攻略:从原理到实战,提升《无畏契约》竞技体验

最近在和朋友开黑《无畏契约》时,总感觉画面拖影严重,转角遇到爱时反应总慢半拍。换了台高刷显示器后,情况有所改善,但暗部细节依然糊成一团,直到我体验了OLED显示器。那种深邃的黑色、极速的响应和绚丽的色彩&#xf…

2026/8/21 6:22:13 阅读更多 →

日新闻

机场边检旅客定位系统国产化白皮书:算法、硬件、底座平台全程自主

机场边检旅客定位系统国产化白皮书:算法、硬件、底座平台全程自主

前言随着国家数字基础设施信创替代、关键技术自主可控战略持续深化,口岸智慧安防、边检智能管控领域正全面进入国产化、自主化、安全可控升级周期。当前国内机场边检旅客识别与定位体系长期依赖国外商用视觉算法、进口成像硬件、闭源通用计算平台,存在核…

2026/8/21 0:00:42 阅读更多 →
别再把“数字孪生”当空间智能了!镜像视界揭开四维时空的真正面纱

别再把“数字孪生”当空间智能了!镜像视界揭开四维时空的真正面纱

别再把“数字孪生”当空间智能了!镜像视界揭开四维时空的真正面纱当下数字化建设浪潮中,很多项目将三维可视化、视频贴图叠加的数字孪生等同于空间智能。传统数字孪生更多停留在三维场景复刻,擅长把物理世界“画出来、展示出来”,…

2026/8/21 0:00:42 阅读更多 →
105、车载温度范围-40°C到85°C的影像质量一致性——ISP参数温漂补偿与产线标定策略

105、车载温度范围-40°C到85°C的影像质量一致性——ISP参数温漂补偿与产线标定策略

105、车载温度范围-40C到85C的影像质量一致性——ISP参数温漂补偿与产线标定策略 去年冬天在北方某车厂做A样评审,凌晨四点的黑河试验场,零下三十三度。客户拿了一台冷启动的车,中控屏上倒车影像全是雪花噪点,暗部细节直接糊成一片。我第一反应是sensor温度没上来,暗电流…

2026/8/21 0:00:42 阅读更多 →

周新闻

基于阿里云与通义千问(Qwen)构建AI应用:从模型调用到生产部署的完整实践指南

基于阿里云与通义千问(Qwen)构建AI应用:从模型调用到生产部署的完整实践指南

如果你是一名开发者,最近可能已经感受到了AI大模型正在从“玩具”变成“生产力工具”的强烈信号。从代码补全到智能Agent,从本地部署到云端API,我们正处在一个技术栈快速重构的节点。然而,面对层出不穷的模型、框架和工具&#xf…

2026/8/21 3:21:33 阅读更多 →
工业通信系统底层逻辑:04 反射——高频能量撞墙之后会发生什么?

工业通信系统底层逻辑:04 反射——高频能量撞墙之后会发生什么?

第四篇:反射——高频能量撞墙之后会发生什么? —— 你以为信号已经过去了,其实它正在回来打你 老Q的现场笔记 第五季,我们正式进入工业神经系统层。这里不再是单个设备的战斗,而是整个工厂“经脉”层面的秩序之战。从这一篇开始,你将第一次看清:看似简单的信号传播,背…

2026/8/21 0:02:09 阅读更多 →
【文章复现】非线性值迭代自适应动态规划(ADP):离散时间非线性系统的策略迭代自适应动态规划算法研究附Matlab代码

【文章复现】非线性值迭代自适应动态规划(ADP):离散时间非线性系统的策略迭代自适应动态规划算法研究附Matlab代码

✅作者简介:热爱科研的Matlab仿真开发者,擅长毕业设计辅导、数学建模、数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。🍎 往期回顾关注个人主页:Matlab科研工作室👇 关注我领取海量matlab电子书和…

2026/8/21 6:07:56 阅读更多 →

月新闻

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南

免费解锁百度网盘SVIP加速:macOS用户必备的下载提速终极指南 【免费下载链接】BaiduNetdiskPlugin-macOS For macOS.百度网盘 破解SVIP、下载速度限制~ 项目地址: https://gitcode.com/gh_mirrors/ba/BaiduNetdiskPlugin-macOS 还在为百度网盘macOS版的龟速下…

2026/8/20 6:11:08 阅读更多 →
终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换

终极ncmdump指南:3分钟实现网易云NCM音乐解密与格式转换 【免费下载链接】ncmdump 项目地址: https://gitcode.com/gh_mirrors/ncmd/ncmdump 还在为网易云音乐下载的NCM格式文件无法在其他播放器播放而烦恼吗?ncmdump解密工具帮你轻松解决这个困…

2026/8/20 21:46:49 阅读更多 →
HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

HarmonyOS 应用开发《掌上英语》第81篇: 智能体卡片:为英语学习 App 打造桌面级学习助手

AgentCard 智能体卡片:为英语学习 App 打造桌面级学习助手适用平台:HarmonyOS 7.0 (API 26 Beta)一、引言 HarmonyOS 7.0(API 26 Beta)新增了 AgentCard 智能体卡片能力,这是继 HMAF(鸿蒙智能体框架&#x…

2026/8/21 0:14:22 阅读更多 →