一 、简介

       Lottie 是Airbnb开源的一个面向Android、 iOS、React Native 的动画库，能分析 Adobe After Effects 导出的动画，并且能让原生 App 像使用静态素材一样使用这些动画，完美实现动画效果。

二、环境搭建

• Adobe After Effects 

• Bodymovin插件

       https://github.com/airbnb/lottie-web/tree/master/build/extension

      https://aescripts.com/learn/zxp-installer/

三、兼容性

• Web

      调用Bodymovin提供的js库 — bodymovin.js。

• Android

       支持API 16及以上。

• iOS/MacOS

       支持iOS 8+和MacOS 10.10+。

• React Native

       要求Android支持库版本为26，即compileSdkVersion 26。

四、文件校验

• 在线校验

https://www.lottiefiles.com/preview
针对没有图片资源的JSON动画文件。

• 本地校验

安装官方提供的Lottie.App，从手机存储加载JSON动画文件。

如果出错，右上角会有一个 warning 的标记，点击可以查看到详情。

五、文件结构

六、解析绘制

七、性能

1. 在未开启硬件加速的情况下，帧率、内存，CPU都比属性动画差，开启硬件加速后，性能差不多。
2. 如果没有遮罩、阴影和蒙版，那么性能和内存非常好，没有bitmap创建，大部分操作都是简单的cavas绘制。
3. 在列表中使用动画，推荐使用缓存，避免内存抖动。

更多相关文章

1. ionic 打包成Android(安卓)apk
2. 关于Ant编译Android中Ant学习研究
3. Android(安卓)存储
4. 小米开源文件管理器MiCodeFileExplorer-源码研究(9)-入口分析
5. android studio如何连接夜神模拟器
6. win7 Android(安卓)ADB Interface驱动 找不到指定文件的解决办法
7. 使用Android(安卓)Studio打包生成Jar包
8. Android(安卓)数据存储——shared preferences
9. Urban Airship Android(安卓)Client - Helium Push

随机推荐

1. android gallery 竖直（上下）滑动
2. Android中的模块(module)与设备(device)
3. Android本地视频播放器开发--搜索本地视
4. 基于XMPP协议的Android(安卓)IM研究
5. 安卓Android开发连载系列高级课
6. Android中通过友盟统计上传自定义错误详
7. AndroidStudio使用常见问题（实时更新）
8. Android自定义属性,attr format取值类型
9. Android中相机拍照并获取路径
10. Android——实现在 Service 中播放音乐