Android可动态改变compoundDrawable颜色的TextView

常常可以看到，许多应用的TabItem都是以Icon+Text的形式存在，例如微信，京东。

当tabItem被置为selected状态的时候，icon和文字的颜色会发生变化。如下图所示：



对于这种图片+文字的排版方式我们可以通过一个TextView实现

<TextView
android:drawableTop="@drawable/ic_front_page"
android:text="首页"
/>

TextView处于Selected状态时，图片的颜色变化可以通过替换图片实现,这种实现我们需要准备一个selector文件：
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true" android:drawable="@drawable/ic_front_page_selected" />
<item android:state_selected="true" android:drawable="@drawable/ic_front_page_selected" />
<item android:state_focused="false" android:drawable="@drawable/ic_front_page"/>
</selector>
考虑到包体积和灵活性，采用两张图片似乎有些麻烦，如果能只用一张图片就更好了。当Normal和Selected两个状态的图片只有颜色不一致时，可以通过ColorFilter来实现换色的功能：
public void setDrawableColor(int color) {
Drawable[] drawables = this.getCompoundDrawables();
for (int i = 0, size = drawables.length; i < size; i++) {
if (null != drawables[i]) {
drawables[i].setColorFilter(new PorterDuffColorFilter(color,
PorterDuff.Mode.SRC_IN));
}
}
}这样，我们成功的节约了一张图片并增强了灵活性，可以将图片的前景色替换为任意色彩。当然，还可以配合TextView本身的setTextColor方法组合设置文本和图片颜色，满足多样性的需求。



全部代码如下：

public class TabItem extends TextView {

public TabItem(Context context) {
this(context, null);
}

public TabItem(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}

public TabItem(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray appearance = context.obtainStyledAttributes(attrs,
R.styleable.TabItem, defStyleAttr, 0);
if (appearance != null) {
int textColor = 0;
int drawableColor = 0;
int n = appearance.getIndexCount();
for (int i = 0; i < n; i++) {
int attr = appearance.getIndex(i);
switch (attr) {
case R.styleable.TabItem_tinColor:
mTintColor = appearance.getColor(attr, 0);
setTintColor(tintColor);
break;
case R.styleable.TabItem_textColor:
textColor = appearance.getColor(attr, textColor);
setTextColor(textColor);
break;
case R.styleable.TabItem_drawableColor:
drawableColor = appearance.getColor(attr, drawableColor);
setDrawableColor(drawableColor);
break;
}
}
appearance.recycle();
}
}

/**
* 文字和图片都上色
*/
public void setTintColor(int color) {
setTextColor(color);
setDrawableColor(color);
}

/**
* 图片上色
*/
public void setDrawableColor(int color) {
Drawable[] drawables = this.getCompoundDrawables();
for (int i = 0, size = drawables.length; i < size; i++) {
if (null != drawables[i]) {
drawables[i].setColorFilter(new PorterDuffColorFilter(color,
PorterDuff.Mode.SRC_IN));
}
}
}
}