孙英俊
孙英俊
  • 发布:2018-03-20 19:53
  • 更新:2022-12-02 10:55
  • 阅读:5577

如何自定义加载页面时的等待图标设置成动态图 (waiting中的loading中的icon)

分类:MUI

打开页面时,加载中的提示的文字和图片都是可以自定义的,今天试了一下,其实很简单的东西弄了有一会,分享一下希望大家少走弯路吧。

为了方便测试,看到效果,我是直接调用的h5+的API,正常使用是在mui

plus.nativeUI.showWaiting('处理中,请等待...', {loading:{icon:"/images/loading.png"}});

其实这个很简单,看文档就知道了,而且问答中都有提到。

关键是这个图片的设置,官方是要求的PNG格式的图片。

这个动态图的实现原理是,代码会自动根据图片的高度,横向截取图片,也就是说,首先你的图标需要是一个正方形的图标,然后你要把你的动态图片弄成一张一张逐帧的形式,无缝拼接成一张横着的png图片,就可以啦。

像这样

搞定!

3 关注 分享
木杉丶 老哥教教我 罒

要回复文章请先登录注册

1***@qq.com

1***@qq.com

请问一下您安卓的支持吗
2022-12-02 10:55
1***@qq.com

1***@qq.com

回复 5***@qq.com :
请问一下您安卓的支持吗
2022-12-02 10:55
1***@qq.com

1***@qq.com

回复 5***@qq.com :
请问一下您安卓的支持吗
2022-12-02 10:55
1***@qq.com

1***@qq.com

请问一下这个动态修改您是怎么写的呢 我写的都没有效果
2022-12-02 10:06
1***@qq.com

1***@qq.com

mark~
2021-11-05 16:09
5***@qq.com

5***@qq.com

nice!
2021-10-29 11:26
1***@qq.com

1***@qq.com

喔....有机会试试
2018-09-19 20:10
木杉丶

木杉丶

原来如此,好评
2018-09-19 14:44