上午听到同事说起维护之前项目,解决线替换线上项目的序列帧动画的问题。
每逢节日想在app中感受到节日气氛,之前都是UI把多张图片给我们,然后前端用序列帧动画的方式实现。
节日这么多,那每次为了这个动画都要发布新版本,办法很笨。
刚好前不久出现了这么一个开源项目,恰到好处的解决了这个问题。
设计师只需要用AE把动画效果做出来,再用Bodymovin(插件)把动画倒出为json文件,给到后台,后台传给前端,前端使用Lottie就可简易的实现动画效果。
笔者是用cocoapods管理三方的,新建工程加入‘lottie-ios’之后,便可以使用了。
几行代码实现动效,比之前省里很多。
把json文件拖到工程里,引入框架,创建视图就可以了。
里面还有很多属性和方法,支持本地和远端。熟练使用还需探索。