image.png

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

window 系统下面 新建CEP/extensions文件夹 将插件解压成文件夹

C:\Program Files (x86)\Common Files\Adobe\CEP\extensions\bodymovin

image.png

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

image.png

制作完成导出

Android 引入 Gradile 加载最新

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

XML中写LottieAnimationView 控件

lottieAnimationView = (LottieAnimationView) findViewById(R.id.animation_view); lottieAnimationView.setImageAssetsFolder("images");

lottieAnimationView.setAnimation("data.json");

lottieAnimationView.playAnimation();