Lottie

[yq]

Lottie是什么

Lottie is an iOS, Android, and React Native library that renders AE(After Effects) animations in real time, allowing apps to use animations as easily as they use static images.

从官网对Lottie的描述可以看出Lottie的功能和特性：

1. AE动画播放器
2. 跨平台
3. 简单

场景

应用涉及的加载、刷新、小提示、icon 点击或 tab 切换等特定场景下动画。

优点

1. 简单易操作
2. 高质量、轻量级
3. 基于矢量，可扩展性好
4. 跨平台，适用任何设备
5. 可交互性

原理

1. 设计师在AE中制作完动画； 2. 利用Bodymovin插件将AE生成的`.aep`格式文件转换为Lottie可以解析的`.json`文件； 3. Dev利用特定平台的Lottie库就可以直接渲染动画并绘制在设备上。

参考

1. 万字长文！从头开始完整梳理动效神器 Lottie 的发展史
2. Airbnb Lottie
3. LottieFiles