Tinting drawables

1962次阅读  |  发布于5年以前

Tinting drawables


这篇文章主要介绍如何根据当前主题来给drawables和bitmaps配色。
当设计Ready这款应用主题模块的时候,我们想通过一种方式不仅仅是改变基础色还要改变图标和其它drawables。常规的方法就是对每种颜色提供一套图片,在切换主题的时候切换图标-需要写大量的代码并且会增加apk的体积。我们也想在以后添加颜色的时候简单方便,不至于总创建新的资源文件。

DrawableCompat

在谷歌发布的v4库中介绍了DrawableCompat类,展示了针对Lollipop版本以前的绘图能力。这是一套非常成熟的API.甚至还支持绘制图像list,和绘制RTL布局镜像,但是对于我们的场景来说它太重了,并且你还得使用wrap()方法wrap当前Drawable。

TintedBitmapDrawable介绍

所以我们通过我们自己的实现,实现了一个轻量级的TintedBitmapDrawable,它是BitmapDrawable的子类,我们重写了draw()方法部分,在我们所关心的绘制部使用了LightingColorFilter,它只有三个方法,所以在方法的数量不会让人太过注意。
要绘制的颜色可以通过两个构造函数指明或者使用setTint()方法。


public final class TintedBitmapDrawable extends BitmapDrawable {
  private int tint;
  private int alpha;

  public TintedBitmapDrawable(final Resources res, final Bitmap bitmap, final int tint) {
    super(res, bitmap);
    this.tint = tint;
    this.alpha = Color.alpha(tint);
  }

  public TintedBitmapDrawable(final Resources res, final int resId, final int tint) {
    super(res, BitmapFactory.decodeResource(res, resId));
    this.tint = tint;
    this.alpha = Color.alpha(tint);
  }

  public void setTint(final int tint) {
    this.tint = tint;
    this.alpha = Color.alpha(tint);
  }

  @Override public void draw(final Canvas canvas) {
    final Paint paint = getPaint();
    if (paint.getColorFilter() == null) {
      paint.setColorFilter(new LightingColorFilter(tint, 0));
      paint.setAlpha(alpha);
    }
    super.draw(canvas);
  }
}

像这样来使用:


tintedDrawable = new TintedBitmapDrawable(resources, R.drawable.ic_arrow_back_white_24dp, Color.GREEN);

Benefits and tips

Copyright© 2013-2019

京ICP备2023019179号-2