看到这边文章,默认你已经懂得 lottie 库的基本使用了。不懂请移步官网。https://airbnb.design/lottie/
我遇到的问题是需要修改动画的颜色。
比如在一个按钮的点击动效中,可能需要根据按钮的状态动态的修改动效的颜色,那么该怎么操作呢?
首先要明白在颜色绘制的两种类型:填充和描边,即我们在view 的绘制中的solid 和stroke
在bodymovin生成的json动效文件中对应的是如下
"nm": "填充 1",//此动效中颜色绘制的名称,可自定义
"mn": "ADBE Vector Graphic - Fill"//颜色绘制的类型 填充,固定参数
"nm": "描边 1",//此动效中颜色绘制的名称,可自定义
"mn": "ADBE Vector Graphic - Stroke",//颜色绘制的类型 描边,固定参数
接下来在代码中如何操作呢:
第一种方式 通过需要修改颜色的keypath 的关键字匹配来批量操作
//方法一
...
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LottieAnimationView mirror = findViewById(R.id.mirror);
mirror.addLottieOnCompositionLoadedListener(
new LottieOnCompositionLoadedListener() {
@Override
public void onCompositionLoaded(LottieComposition lottieComposition) {
//过滤所有的keypath
List list = mirror.resolveKeyPath(
new KeyPath("**"));
//通过匹配关键字的深度,来过滤需要改变颜色的keypath
for (KeyPath path : list) {
Log.d("mirror", path.keysToString());
//通过匹配关键字的深度对深度为1 和2 的填充色进行修改
if (path.matches("填充 1", 2)||path.matches("填充 1", 1) ) {
mirror.addValueCallback(path,
//修改对应keypath的填充色的属性值
LottieProperty.COLOR,
new SimpleLottieValueCallback() {
@Override
public Integer