孙英俊
孙英俊
  • 发布:2018-03-20 19:53
  • 更新:2018-09-19 20:10
  • 阅读:2240

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

分类:MUI

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

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

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

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

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

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

像这样

搞定!

1 关注 分享
木杉丶

要回复文章请先登录注册

1763692101@qq.com

1763692101@qq.com

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

木杉丶

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