如果现在有需求,让这个小人做出拳击动作你应该如何做? 传统方法会写一大堆的路径值做路径动画,不好调试代码臃肿并且麻烦,那么有简单方法吗 有! 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
制作完成导出
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();