如何为drawable着色
英文原文:Tinting drawables
一篇关于如何为drawable和bitmap着色以匹配当前主题的短文。
在设计Ready主题部分的时候,我们想到了一个不仅可以改变app基本色彩,还可以改变图标和drawable色彩的方法。如果使用通常的做法,意味着为每一种颜色创建一个png,然后基于选择的主题在它们之间切换 - 代码冗长,还增加了apk的大小。我们还想在今后能够轻易的增加颜色,而不需要每次都创建新的资源文件。
DrawableCompat
谷歌在v4 support library中引入了DrawableCompat 类,让Lollipop以前的设备有了着色的功能。它的api很全,甚至支持列表的着色与RTL(右到左)布局的倒影,但是对我们的用例来说有点重量级了,而且你还必须把当前的Drawable用wrap()包裹。
TintedBitmapDrawable介绍
所以我们想到了自己的解决办法,一个轻量级的BitmapDrawable子类:TintedBitmapDrawable,它重写了draw() 方法,实用aLightingColorFilter来处理着色的问题。它只包含三个函数,因此不用担心会增加太多方法个数。颜色可以在额外增加的两个构造函数中指定,也可以通过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);
优点和提示
-
对白色和透明图片有效。
-
需要支持多个主题的时候,无需为同一图标准备多个drawable,减小了apk占用的空间。
-
与谷歌的material图标集完美搭配,只需下载白的的 .png 然后相应着色。
-
也完美适用于 Palette library.
-
如果和list的item使用,请缓存drawable.
-
如果是代码编写的而不是使用menu.xml,也同样可以使用在ToolBar上. 。
-
可以用它来创建一个StateListDrawable,不同状态下使用同一图标做到不同颜色,从而减小apk体积。