iOS 上接入Lottie动画 接入Json动画

iOS设备上的动画借助官方SDK:CoreAnimation那一套已经比较强大了,基本上的动效都能实现,就是1、开发这边比较累;2、安卓那边也比较累况且 俩平台最后展示的可能有些细节还不一样。

借助Gif文件、视频文件等方式也有几个弊端:1文件体积比较大。2都没有官方支持。第三方库都有的。好像安卓那边接Gif不方便。那怎么办?

早几年出了个动效引擎库Lottie,比较强大,好几个平台都能使用:web(h5)、iOS、Android上都有,接入简单,使用方便。吃入同一个json文件,展示相同的动画效果。满足需求。

今天尝试接入了一下,折腾了半天,终于搞定了。前提,我不太会用Pods,所有的东西感觉把配套的源码放在项目里才放心。我试了两种:一种使用Lottie源码,一种使用Lottie.framework都一样。

接下来说详细步骤:

1、下载源码:网址 https://github.com/airbnb

找到需要的版本,然后下载。

iOS 上接入Lottie动画 接入Json动画_第1张图片

2、解压得到目录结构如下

iOS 上接入Lottie动画 接入Json动画_第2张图片

3、尝试不同的方式:源码、库文件的方式集成。 

(1)源码方式

源码其实就放在“lottie-ios”里面了,可以尝试新建一个项目AnimationWithLottieSrc,然后把“lottie-ios”这个目录拷贝过去,然后添加到项目里。

然后目录结构基本就是如下了,配置好签名等就可以一键运行,看到效果了。

(2)库文件的方式

库文件也不用自己去鼓捣,它已经给配置好了,build一下,然后就能拿到库文件lottie.framework了。注意区分拿不同的版本Debug、Release版本。根据自己的需要拿,不过一般都用Release好了,又不需要调试,也不需要更改它的库源码。

Build之后,右键如下图,到目录里找到这文件,它就是库文件了。

iOS 上接入Lottie动画 接入Json动画_第3张图片

拿到库文件后,新建一个AnimationWithLottieframework项目,然后把这个库文件拷贝过去,然后引入。一键运行。

iOS 上接入Lottie动画 接入Json动画_第4张图片

好了,至此 iOS上集成Lottie,实现Json动效就完成了。我把两个工程放上来,直接拿走即可运行。

 

你可能感兴趣的:(开发,iOS集成,Lottie,Json动效)