弹窗库: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/10/12 22:44:33 阅读更多 →
下拉刷新库:通用下拉刷新与上拉加载组件(243)

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

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

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

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

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

2026/10/12 21:34:32 阅读更多 →

最新新闻

问题:ubuntu与linux开发板互ping

问题:ubuntu与linux开发板互ping

一、问题原理要解决ubuntu与开发板互ping的问题,就是要使ubuntu和开发板在同一个网段上面。本次问题解决环境:开发板 和 windows 均通过wifi的方式连接网络。二、解决方法1、首先将ubuntu设置成桥接模式状态栏上方点击 虚拟机,点击 设置&…

2026/10/14 3:05:32 阅读更多 →
2026年全国3D溜溜网云渲染速度表现及选购参考指南

2026年全国3D溜溜网云渲染速度表现及选购参考指南

云渲染服务核心评估维度与行业标准当前3D设计领域数字化服务需求持续增长,云渲染服务已成为设计师提升出图效率的核心工具,不同平台的服务能力差异较大,明确统一的评估标准可帮助用户降低选型成本。对于同时承接3个家装项目、自有设备单张4K效…

2026/10/14 3:05:32 阅读更多 →
Chat2DB:开源AI数据库终端,自然语言转SQL的工程实践

Chat2DB:开源AI数据库终端,自然语言转SQL的工程实践

简介:Chat2DB是一款面向软件开发者的AI驱动型开源数据库管理工具,专为降低SQL使用门槛而设计,特别适合非数据库专家、初级开发者及数据分析师快速开展数据库查询、分析与迁移工作。资源包为项目源码压缩包(zip格式)&am…

2026/10/14 3:05:32 阅读更多 →
MySQL索引优化:从B+树原理到慢查询实战

MySQL索引优化:从B+树原理到慢查询实战

做后端开发这几年,最常被拉到群里去救火的场景,十有八九是数据库慢查询。系统跑得好好的,突然某天接口变慢、CPU飙高,一看日志全是SELECT走了全表扫描,几百万行的表一次查询几秒钟才回来。这种时候,十次里有…

2026/10/14 3:05:32 阅读更多 →
RGF_CJ 全局函数全解析:从应用生命周期、系统定时器到窗口与指针互操作

RGF_CJ 全局函数全解析:从应用生命周期、系统定时器到窗口与指针互操作

图形学桌面应用 【免费下载链接】RGF_CJ RGF是仓颉Windows系统下的通用渲染框架(兼应用开发框架)。RGF仓颉版(后续简称"RGF")基于RGF(C/C版)封装优化而来。RGF为开发者提供轻量化、安全、高性能以及高度一致性的2D渲染能…

2026/10/14 3:05:32 阅读更多 →
Python爬虫实战:手机APP数据抓取与解析全流程

Python爬虫实战:手机APP数据抓取与解析全流程

简介:这份PDF资料面向具备Python基础、对网络请求与爬虫开发感兴趣的技术爱好者与研发工程师,围绕手机APP数据传输的抓取与解析展开,重点讲解如何借助Fiddler抓包定位登录与话题接口,再通过urllib2构造HTTP请求、携带Header与表单…

2026/10/14 3:04:31 阅读更多 →

日新闻

AnyPS5通用适配层设计:兼容性与性能的工程取舍

AnyPS5通用适配层设计:兼容性与性能的工程取舍

1. 从"AnyPS5"这个名字说起:它到底想解决什么问题第一次看到"AnyPS5"这个标题,我脑子里冒出来的第一个念头是:这大概率是一个围绕"跨平台运行"或者"通用适配"做文章的项目。名字里的"Any"…

2026/10/14 0:00:41 阅读更多 →
Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

Flutter跨平台开发实战:二手交易应用与HarmonyOS适配

1. 项目概述:Flutter跨平台二手交易应用开发作为一名长期从事移动应用开发的工程师,我最近完成了一个基于Flutter框架的二手物品交易平台项目。这个项目最吸引我的地方在于它完美结合了Flutter的跨平台优势与HarmonyOS的生态特性,实现了"…

2026/10/14 0:00:41 阅读更多 →
DFS算法解决飞机降落调度问题实战

DFS算法解决飞机降落调度问题实战

1. 项目背景与核心思路飞机降落问题是一个经典的调度优化场景,也是算法竞赛和面试中的高频题目。这个题目要求我们合理安排多架飞机的降落顺序和时间,确保所有飞机都能安全着陆而不发生冲突。在实际航空管制中,这类问题直接关系到飞行安全和机…

2026/10/14 0:00:41 阅读更多 →

周新闻

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

流感时间序列预测实战:ARIMA/LSTM全流程拆解与避坑指南

简介:基于 ARIMA、LSTM、Transformer 等模型的流感时间序列预测 Python 源码,面向计算机相关专业课程设计与期末大作业学生,以及项目实战学习者。内容覆盖预处理、平稳性检验、定阶、残差分析、多模型对比预测的完整时序建模流程,…

2026/10/13 2:54:56 阅读更多 →
影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别

影刀RPA新手教程:键盘模拟输入实战——输入文本与模拟按键的区别 做影刀RPA自动化,十个新手有八个栽在"往输入框里填东西"这件事上:要么填不进去,要么填了一半,要么直接把原来内容追加在后面。这背后的根因&…

2026/10/13 16:22:04 阅读更多 →
影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容

影刀RPA新手教程:阅文起点小说数据采集实战——书籍信息与章节内容 1. 认识影刀:什么场景该用RPA采小说数据 起点中文网的页面结构相对稳定——分类榜单、书籍详情、章节内容三块独立页面,跳转链路清晰。这种场景非常适合影刀自动化&#x…

2026/10/13 1:58:08 阅读更多 →

月新闻

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

我发现了一个新思路:用 Remotion + Claude Code 像写代码一样自动化生成短视频

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/13 22:01:27 阅读更多 →
Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

Windows下 Codex 中 Chrome 和 Computer Use 插件不可用问题排查及解决参考方式:TaoToken 统一 Key 配置与验证

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/13 14:57:39 阅读更多 →
黑夜航拍船只数据集训练YOLOV5模型全流程解析

黑夜航拍船只数据集训练YOLOV5模型全流程解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

2026/10/12 18:11:17 阅读更多 →