Android Drawable / DrawableCompa
本文还是接续上两篇文章,继续聊运行时动态处理按钮点击状态的问题,在评论区的指引之下,本文是这个问题第三种解决方案,应该也是三个中最合理的方案。这三篇依次看下来,可以看到解决一个问题走过的弯路:
也许本文还是弯路(或许再探索一下源码还可以发现更好的方案),不过走弯路也不是完全没有意义,走弯路过程中用到的一些方法也许可以在其他的场景下提供一些启发。
第一篇文章介绍了一种裁剪蒙层图、生成StateListDrawable的方式;第二篇讲了着色的方式,但是需要自己设置OnTouchListener来确定着色的时机;本文介绍的方式利用系统View源码中自己的状态转换机制,使用DrawableCompat.setTintList() 来完成各个状态(这里的需求主要是pressed 状态)下的着色。本文主要说一下这种方式在处理pressed状态时一个需要注意的问题。
Drawable 类的 setTintList() 和 setTintMode() 方法都是在API level 21 才引入的方法。所以要兼容低版本需要使用DrawableCompat.setTintList()这个静态方法。我们这里要处理的是pressed状态,代码大致如下:
Drawable drawable = new BitmapDrawable(context.getResources(), bitmap); // bitmap从服务端加载而来
int[][] colorStates = new int[][] {
new int[] {android.R.attr.state_pressed},
new int[] { }
};
int[] colors = new int[]{context.getResources().getColor(pressTintColorId), Color.TRANSPARENT};
ColorStateList colorStateList = new ColorStateList(colorStates, colors);
finalDrawable = DrawableCompat.wrap(drawable);
finalDrawable = finalDrawable.mutate();
DrawableCompat.setTintList(finalDrawable, colorStateList);
DrawableCompat.setTintMode(finalDrawable, PorterDuff.Mode.SRC_ATOP);
问题所在
这段代码跑在API 21 及以上的设备上时,在按下按钮后并没有着色效果。
我们来看一下源码。
这种方式设置了一个ColorStateList ,因此需要View在被按下时在pressed state下使用tint color。查看View类源码,setPressed() 方法调用了refreshDrawableState()方法,refreshDrawableState()方法里调用了drawableStateChanged(), drawableStateChanged() 里 则调用了 Drawable 的 setState() 方法。我们来看一些setState() 方法源码:
Drawable.java 源码片段看来主要在onStateChange(),它的实现在各个子类里,我们这里只看BitmapDrawable:
BitmapDrawable.java 源码片段updateTintFilter() 的实现又回到父类Drawable 类:
Drawable.java 源码片段可以看到,这个方法只是更新了tintFilter的color和mode,并没有触发Drawable的绘制。所以,从setPressed() 方法跟踪到此,发现都没有触发Drawable重新绘制的代码,所以按下时的着色 tint color自然没有显示出来。
那为什么在 ** API 21 以下反而是有效的 ** 呢?
再看一下DrawableCompat.java 中的setTintList() 的实现,这里直接给到DrawableCompat的API 21的具体实现类 DrawableCompatLollipop:
DrawableCompatLollipop.java 源码片段可以看到,两个方法在API 21 及以上都是直接调用了Drawable 自己的方法setTintList() 和 setTintMode() ;而在 API 21 以下是调用了DrawableCompatBase里的方法。DrawableCompatBase则调用了DrawableWrapper的方法,DrawableWrapper是一个 Interface,它的方法实现在具体类里,类继承/实现层级关系如下:
DrawableWrapper 的实现类层级主要的方法实现都在第一层子类DrawableWrapperDonut中,。看一下DrawableWrapperDonut中的setState() 方法的实现:
DrawableWrapperDonut.java 源码片段可以看到调用了updateTint(),就是这个方法触发Drawable的重新绘制,才能看到pressed state下着色的效果:
DrawableWrapperDonut.java 源码片段现在,弄清楚了API 21以下有效的原因,就可以解决API 21及以上无效的问题了。我们也在setState()后触发一下Drawable重绘。
在上面的分析中,调用栈:View#setPressed() -> View#refreshDrawableState() -> View#drawableStateChanged() -> Drawable#setState() -> BitmapDrawable#onStateChange() 。
那么我们就新定义一个继承自BitmapDrawable的子类,覆盖onStateChange() :
@Override
protected boolean onStateChange(int[] stateSet) {
boolean ret = super.onStateChange(stateSet);
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
if (ret) {
// 触发Drawable重新绘制,以使利用setTintList()设置的各个状态下的tint效果得到显示
invalidateSelf();
}
}
return ret;
}
然后最上边 Drawable drawable = new BitmapDrawable(context.getResources(), bitmap);
改为 new 这个自定义的子类的实例即可:
Drawable drawable = new SomeExtendedBitmapDrawable(context.getResources(), bitmap);