转载

如何为drawable着色

如何为drawable着色

英文原文: Tinting drawables

一篇关于如何为drawable和bitmap着色以匹配当前主题的短文。

在设计 Ready 主题部分的时候,我们想到了一个不仅可以改变app基本色彩,还可以改变图标和drawable色彩的方法。如果使用通常的做法,意味着为每一种颜色创建一个png,然后基于选择的主题在它们之间切换 - 代码冗长,还增加了apk的大小。我们还想在今后能够轻易的增加颜色,而不需要每次都创建新的资源文件。

DrawableCompat

谷歌在v4 support library中引入了 DrawableCompat 类,让Lollipop以前的设备有了着色的功能。它的api很全,甚至支持列表的着色与RTL(右到左)布局的倒影,但是对我们的用例来说有点重量级了,而且你还必须把当前的Drawable用wrap()包裹。

TintedBitmapDrawable介绍

所以我们想到了自己的解决办法,一个轻量级的 BitmapDrawable 子类:TintedBitmapDrawable,它重写了draw() 方法,实用a 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);

优点和提示

  • 对白色和透明图片有效。

  • 需要支持多个主题的时候,无需为同一图标准备多个drawable,减小了apk占用的空间。

  • 与谷歌的 material图标集 完美搭配,只需下载白的的 .png 然后相应着色。

  • 也完美适用于 Palette library .

  • 如果和list的item使用,请缓存drawable.

  • 如果是代码编写的而不是使用menu.xml,也同样可以使用在ToolBar上. 。

  • 可以用它来创建一个 StateListDrawable,不同状态下使用同一图标做到不同颜色,从而减小apk体积。

正文到此结束
Loading...