继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

幽蓝计划
关注TA
已关注
手记 54
粉丝 1
获赞 1


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


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

https://img1.sycdn.imooc.com/28345d68096238c506241344.jpg

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


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##工具效率#


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP