要使用 Lottie, 需要在借助 Bodymovin 插件将动画工程文件从 AE 中导出成 JSON。Lottie 分别为每个平台实现了一套 Player, 只需载入JSON动画文件就可播放。...绘制动画
先 Show 一下完成的效果, 这个动画只需要5分钟便可绘制完成!
?
首先, 打开 AE, 新建合成, 参数如下:
?
然后进入AE, 默认会看到这个界面:
?...按住ctrl同时点击选择我们的动画路径, 点击右下角的转换为贝塞尔曲线按钮。
?
但是这时什么都不会发生。。。...={this.stop}>停止
onClick={this.play}>播放
动画, 是不是非常酷~
除了能够播放和暂停, Lottie 还为我们提供了更加精细的动画控制方法和事件钩子, 有兴趣的小伙伴参考: GitHub