用Lottie实现简易动画

上午听到同事说起维护之前项目,解决线替换线上项目的序列帧动画的问题。

每逢节日想在app中感受到节日气氛,之前都是UI把多张图片给我们,然后前端用序列帧动画的方式实现。

节日这么多,那每次为了这个动画都要发布新版本,办法很笨。

刚好前不久出现了这么一个开源项目,恰到好处的解决了这个问题。

设计师只需要用AE把动画效果做出来,再用Bodymovin(插件)把动画倒出为json文件,给到后台,后台传给前端,前端使用Lottie就可简易的实现动画效果。

笔者是用cocoapods管理三方的,新建工程加入‘lottie-ios’之后,便可以使用了。

几行代码实现动效,比之前省里很多。


这是json文件的内容

把json文件拖到工程里,引入框架,创建视图就可以了。


代码实现

里面还有很多属性和方法,支持本地和远端。熟练使用还需探索。



动效
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容