本文介绍了Lottie，一个由Airbnb开发的跨平台动画工具，允许设计师使用After Effects设计动画并导出为JSON，实现与设计稿一致的动画效果。文章讨论了Lottie的优势，如简化工作流，以及在Android和iOS上的应用，并提到了其限制，如系统版本要求。同时，详细阐述了Lottie的工作流程，包括After Effects的设置、Bodymovin插件的安装和使用，以及动画的导出方法。此外，还提醒了在使用过程中可能遇到的问题和解决方案。
一、前言
Lottie 是 Airbnb 出的一套跨平台的动画完整解决方案，它能够帮助程序员直接加载 JSON 格式的文件在 iOS、Android 和 React Native之上，实现 100% 与设计稿相同的动画效果，而无需关心中间的实现细节。设计师只需要使用 After Effectes 设计出动画之后，通过使用 Lottic 提供的 Bodymovin 将设计好的动画导出成 JSON 格式的文件交付给开发即可完成。
二、为什么要用 Lottie？
1. Lottie的优势
对于不同的工作角色，Lottie 给你带来的都是更简洁的工作流。
如果你是 Designer，你可以充分发挥你的动画设计天分，Path,flat等风格动画最终都会被 100% 的还原。
如果你是 Engineer，你可以通过简单的导入和有限的代码，就可以实现设计师要求的动画，并且相比较传统的 Gif 或者帧动画而言体积可算十分娇小，再严苛的项目资源要求都能轻易满足。
如果你是 Product Manager，你的产品将具有更人性化的酷炫动画和交互效果(可手动设置进度、绑定手势、事件等，可网络加载、动态控制播放速度等)而这并不会带来开发周期的延长。
2. Lottie的劣势
整体来说，Lottie 是一个优秀的项目，它能解决很多关于动画上的沟通问题和提供解决方案。可它依然有一些不足的地方：
系统版本限制，Android(Api 14+) 和 iOS(>=8.0) 都有不同的版本限制。
有一些交互动画，不被支持，哪怕导出了也无法被正常执行。
Bodymovin 插件还有待完善，有些 After Eff
最低0.47元/天 解锁文章
994
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
