动画如此简单
Lottie–让动画如此简单
Lottie 是Airbnb开源的一个面向 iOS、Android、React Native 的动画库,能分析 Adobe After Effects 导出的动画,并且能让原生 App 像使用静态素材一样使用这些动画,完美实现动画效果。 现在使用各平台的 native 代码实现一套复杂的动画是一件很困难并且耗时的事,我们需要为不同尺寸的屏幕加载不同的素材资源,还需要写大量难维护的代码,而Lottie可以做到同一个动画文件在不同平台上实现相同的效果,极大减少开发时间,实现不同的动画,只需要设置不同的动画文件即可,极大减少开发和维护成本。
Lottie–让动画如此简单
SVGA Demo地址: https://github.com/airbnb/lottie-ios
pod 'lottie-ios'
SVGA格式的动画
SVG 实际上指的是设计软件中的概念:SVG图片格式,一种矢量图形。 另一个角度来讲一张图或者一个动画,是由很多上下层级的图层构成。 比如当前的简单的图,看到的是一张图,但在设计工具中是三个图层构成,有着不同的上下层级顺序
SVGA格式动画
Lottie Demo地址: https://github.com/svga/SVGAPlayer-iOS
pod 'SVGAPlayer'
两者对比
性能上: Lottie和SVGA相对于原生动画内存和性能不够好 SVGA动画相对于原生动画的还原效果更好,相对于Lottie动画文件体积小,播放资源占用小
使用上: 开发效率 - 代码实现简单,都支持动画动态发布,易于调试和维护 跨平台 - 均可运行在不同平台上 Lottie能满足所有种类的矢量动画、图片动画 SVGA不支持复杂的矢量形状图层、对图片动画友好(适合礼物场景)
参考链接:https://blog.csdn.net/idaretobe/article/details/113191371
|