开发iOS应用的时候,图片很多时候只要一张,改变不同的色调就能变化出“正常、点击、选中、不能编辑”等不同的效果。而Android以前是通过多张图片(很多时候是一张基础图然后美工修改出几种不同颜色对应不同效果,对比iOS的Tint效果简直是low爆了有木有),以前在想,如果Android也能有这么方便的效果就好了。嗯嗯,今天就来介绍下Android的Drawable方法。
其实关键的类就是 Android Support v4
的包中提供了 DrawableCompat
。
我们可以封装一个静态函数方便使用,如下:
public static Drawable tintDrawable(Drawable drawable, ColorStateList colors) {
final Drawable wrappedDrawable = DrawableCompat.wrap(drawable);
DrawableCompat.setTintList(wrappedDrawable, colors);
return wrappedDrawable;
}
新建一个Activity,并在layout加入ImageButton作为演示效果的控件。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageButton
android:id="@+id/ivButton"
android:src="@drawable/batman"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</RelativeLayout>
好了,网上找一个图片取名batman,就是上面ImageButton的src
接下来我们在Activity代码中把src由黑色改为白色。
ImageButton ivButton = (ImageButton) findViewById(R.id.ivButton);
Drawable src = ivButton.getDrawable();
ivButton.setImageDrawable(tintDrawable(src,ColorStateList.valueOf(Color.WHITE)));
运行一下,ImageButton的图片batman就神奇的变成白色了~
那么我们平时是通过selector
来设置不同状态图片的,我们需要点击来改变图片颜色怎么办呢?
不用担心,同样支持selector
来改变颜色。接下来我们要创建这个控制状态颜色的selector
。
在color
目录下new
一个 xml
取名为“selector_imagebutton_batman.xml”作为我们的控制颜色selector
,点击变为粉红色,正常状态为蓝色。
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#FF4081" android:state_pressed="true" />
<item android:color="#3F51B5" />
</selector>
然后我们把刚刚传给tintDrawable函数的参数改为selector即可
ivButton = (ImageButton) findViewById(R.id.ivButton);
Drawable src = ivButton.getDrawable();
// ivButton.setImageDrawable(tintDrawable(src,ColorStateList.valueOf(Color.WHITE)));
ivButton.setImageDrawable(tintDrawable(src,getResources().getColorStateList(R.color.selector_imagebutton_batman)));
我们来看看效果吧~~