用Lottie实现简易动画

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

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

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

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

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

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

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


用Lottie实现简易动画_第1张图片
这是json文件的内容

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


用Lottie实现简易动画_第2张图片
代码实现

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



用Lottie实现简易动画_第3张图片
动效

你可能感兴趣的:(用Lottie实现简易动画)