Android 动画深入Lottie

image.png

如果现在有需求,让这个小人做出拳击动作你应该如何做? 传统方法会写一大堆的路径值做路径动画，不好调试代码臃肿并且麻烦，那么有简单方法吗 有！ SVG 和 Lottie 可以胜任 SVG编辑麻烦美工不太会弄，那么我们用Lottie 下面讲解下从啊做步骤

Lottie 官网 http://airbnb.io/lottie/
AE下载地址: 免费版本 解压到英文目录 如果目录有中文会提示常见可扩展平台（CEP）套件无法被加载
https://bfile.3987.com/bigfile/aftereffectscc2017_lsb_3987.rar

bodymovin.zxp 插件下载地址：https://raw.githubusercontent.com/bigxixi/bodymovin/master/zxp_cn/bodymovin462cn.zxp

window 系统下面 新建CEP/extensions文件夹 将插件解压成文件夹
C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\bodymovin

image.png

制作完成之后 点击 窗口 -扩展 -bodymovin - 选择目标文件夹 - 点击设置选中

image.png

制作完成导出

Android 引入 Gradile 加载最新

https://github.com/airbnb/lottie-android

将 生成的json 和 image文件夹全部放到asseas文件夹中

XML中写LottieAnimationView 控件

lottieAnimationView = (LottieAnimationView) findViewById(R.id.animation_view); lottieAnimationView.setImageAssetsFolder("images");
lottieAnimationView.setAnimation("data.json");
lottieAnimationView.playAnimation();