写点什么

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

作者:幽蓝计划
  • 2025-06-30
    山东
  • 本文字数:680 字

    阅读完需:约 2 分钟

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


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


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


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


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


首先执行命令安装 yloadinghud:


ohpm install yloadinghud
复制代码


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


import { yloadinghud } from 'yloadinghud/Index


然后在 onWindowStageCreate 方法中添加以下代码:


yloadinghud.gloabalWindowStage


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


yloadinghud.showLoading()


当加载完成,需要让动画消失时:


yloadinghud.dismiss()


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


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


yloadinghud.showSuccess()


加载失败的弹窗:


yloadinghud.showError()


还有普通的文字弹窗,没有图标展示:


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


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

用户头像

幽蓝计划

关注

还未添加个人签名 2025-05-09 加入

还未添加个人简介

评论

发布
暂无评论
打造鸿蒙系统中最好用的加载动画和提示弹窗_harmony_幽蓝计划_InfoQ写作社区