打造鸿蒙系统中最好用的加载动画和提示弹窗

简介: 幽蓝君开发了鸿蒙平台的轻量级弹窗工具 yloadinghud,旨在实现简洁优雅的提示交互。无需在每个页面重复初始化,只需一行代码即可展示加载动画或提示弹窗。支持多种类型,如成功、失败提示及文字弹窗,且具备自动消失功能,使用便捷。项目已上传至 ohpm 仓库,欢迎搜索体验并提出宝贵建议。#三方SDK #工具效率

自从从事鸿蒙开发工作以来,幽蓝君一直在寻找一种优雅的弹窗方式,我不想要在每一个页面添加组件或者初始化,我只想要在我需要的时候,一句话就能弹出我需要的加载动画或者提示弹窗,简单粗暴又不失优雅。

今天我要正式的跟大家分享这个极其简单好用的工具,我给它取名yloadinghud,我现在迫不及待的想要展示一下它有多好用:
image.png

不管是在任何一个页面,不管在任何地方,当你需要加载动画,或者需要文字提示,你只需要一行代码就能搞定,就是如此的优雅。

yloadinghud也已经上传到ohpm仓库,本文不便贴出地址,大家可以搜索yloadinghud查看。

下面介绍一下如何安装和使用这个工具:

首先执行命令安装yloadinghud:

ohpm install yloadinghud
安装完成后,进行一下非常简单的配置。在EntryAbility.ets文件中引入项目:

import { yloadinghud } from 'yloadinghud/Index
然后在onWindowStageCreate方法中添加以下代码:

yloadinghud.gloabalWindowStage = windowStage
现在你就可以在整个项目中随心所欲的使用它了,当你需要加载动画:

yloadinghud.showLoading()
当加载完成,需要让动画消失时:

yloadinghud.dismiss()
除了加载动画之外,其他的提示类型都做了2.5秒自动消失的设计,所以你只管弹就行了,其他的什么都不用管。

比如显示一个加载成功的弹窗:

yloadinghud.showSuccess()
加载失败的弹窗:

yloadinghud.showError()
还有普通的文字弹窗,没有图标展示:

yloadinghud.showContent('请输入不少于8位的包含大小写字母和特殊字符串的密码')

yloadinghud是幽蓝君贡献的第一个三方库项目,希望能给广大鸿蒙开发者带来便利。欢迎大家使用,也欢迎大家提出宝贵建议,让它更加完美。#三方SDK##工具效率#

相关文章
|
5月前
|
定位技术 开发工具
【HarmonyOS】鸿蒙应用实现调用系统地图导航或路径规划
【HarmonyOS】鸿蒙应用实现调用系统地图导航或路径规划
247 5
【HarmonyOS】鸿蒙应用实现调用系统地图导航或路径规划
|
6月前
|
Linux 编译器 Android开发
鸿蒙系统被抹黑的深层解析:技术、商业与地缘政治的复杂博弈-优雅草卓伊凡
鸿蒙系统被抹黑的深层解析:技术、商业与地缘政治的复杂博弈-优雅草卓伊凡
300 1
鸿蒙系统被抹黑的深层解析:技术、商业与地缘政治的复杂博弈-优雅草卓伊凡
|
5月前
|
安全 开发工具 数据安全/隐私保护
HarmonyOS应用安全全攻略:从系统到代码的全面防护
本文全面解析HarmonyOS应用安全开发,涵盖系统到代码的防护策略。首先介绍HarmonyOS三层安全体系:系统安全层、开发工具层与应用生态层。接着详解设备与数据安全等级划分,提供分级加密实战代码,包括文件读写与HUKS高级加密案例。最后总结开发最佳实践,强调数据分类、最小权限、加密常态及传输安全保障,助你构建更安全的应用。保护用户数据不仅是功能需求,更是开发者责任!
433 0
|
3月前
|
移动开发 网络协议 小程序
鸿蒙NEXT即时通讯/IM系统RinbowTalk v2.4版发布,基于MobileIMSDK框架、ArkTS编写
RainbowTalk是一套基于开源即时通讯讯IM框架 MobileIMSDK 的产品级鸿蒙NEXT端IM系统。纯ArkTS编写、全新开发,没有套壳、也没走捷径,每一行代码都够“纯血”。与姊妹产品RainbowChat和RainbowChat-Web 技术同源,历经考验。
157 1
|
4月前
|
缓存 移动开发 网络协议
纯血鸿蒙NEXT即时通讯/IM系统:RinbowTalk正式发布,全源码、纯ArkTS编写
RainbowTalk是一套基于MobileIMSDK的产品级鸿蒙NEXT端IM系统,目前已正式发布。纯ArkTS、从零编写,无套壳、没走捷径,每一行代码都够“纯”(详见:《RainbowTalk详细介绍》)。 MobileIMSDK是一整套开源IM即时通讯框架,历经10年,超轻量级、高度提炼,一套API优雅支持 UDP 、TCP 、WebSocket 三种协议,支持 iOS、Android、H5、标准Java、小程序、Uniapp、鸿蒙NEXT,服务端基于Netty编写。
262 1
|
6月前
|
人工智能 运维 监控
HarmonyOS NEXT~鸿蒙系统运维:全面解析与最佳实践
本书《HarmonyOS NEXT~鸿蒙系统运维:全面解析与最佳实践》深入探讨了鸿蒙系统的运维管理。从架构特点到实际操作,涵盖分布式能力、性能优化、安全维护及故障排查。内容包括设备管理、系统监控、安全管理等核心任务,提供常见问题解决方案与工具推荐。面对未来超级终端和AI赋能的挑战,运维人员需不断学习,以充分发挥鸿蒙的分布式优势,为用户带来流畅体验。
425 8
|
7月前
|
安全 Linux 测试技术
对鸿蒙 Next 系统“成熟论”的深度剖析-优雅草卓伊凡
对鸿蒙 Next 系统“成熟论”的深度剖析-优雅草卓伊凡
163 10
对鸿蒙 Next 系统“成熟论”的深度剖析-优雅草卓伊凡
|
7月前
|
人工智能 物联网 Android开发
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
214 23
【03】优雅草星云物联网AI智控系统从0开发鸿蒙端适配-deveco studio-在lib目录新建自定义库UtilsLibrary,ComponentLibrary,CommonConstLibrary完成设置SettingsView.ets初始公共类书写-优雅草卓伊凡
|
6月前
|
JavaScript 前端开发 Java
HarmonyOS NEXT~鸿蒙系统下的Cordova框架应用开发指南
《HarmonyOS NEXT:鸿蒙系统下的Cordova框架应用开发指南》详细介绍如何将Cordova应用适配到鸿蒙系统。文章涵盖兼容性分析、环境配置、特性适配、性能优化及发布调试等内容。尽管Cordova官方暂无直接支持,但通过Cordova-Android平台与定制插件可实现功能扩展。开发者需注意性能差异,并借助插件机制融入鸿蒙特色功能,如服务卡片和分布式能力。未来,随着鸿蒙生态完善,Cordova在该平台的应用将更加广泛且高效。
464 1
|
6月前
|
安全 编译器 开发工具
鸿蒙系统”套壳论”的认知迷思与技术真相-优雅草卓伊凡
鸿蒙系统”套壳论”的认知迷思与技术真相-优雅草卓伊凡
178 0
鸿蒙系统”套壳论”的认知迷思与技术真相-优雅草卓伊凡

热门文章

最新文章