Lottie动效的简介与使用

定义：Lottie 从UI动画场景出发解决矢量动画渲染的问题，使用 AE Script SDK 来导出 AE 工程。

内部实现过程：
设计师使用 AE 设计好动画， 通过 bodymovin 插件将 AE 工程文件导出为 json 文件，在客户端(使用 Lottie SDK)解析，最后通过各平台原生渲染方案进行渲染，其中在 Android 平台上通过 Canvas 进行绘制，在 iOS 上通过 CALayer 进行绘制，在 web 端支持 SVG、Canvas 和 HTML 绘制。

iOS端使用：
1、初始化view

private lazy var animationView: AnimationView = {
        let animate = AnimationView(name: "test")
        animate.frame = self.view.bounds
        animate.loopMode = .playOnce // 动画播放次数
        animate.contentMode = .scaleToFill //填充模式
        return animate
    }()

2、添加view并监听播放完成

        self.view.addSubview(animationView)
        animationView.play { _ in
            print("lottie动效播放完成")
        }