Drawable的Tint变色(让Android也能有iOS那么方便的图片色调转换)

字数590阅读475评论0喜欢1

开发iOS应用的时候,图片很多时候只要一张,改变不同的色调就能变化出“正常、点击、选中、不能编辑”等不同的效果。而Android以前是通过多张图片(很多时候是一张基础图然后美工修改出几种不同颜色对应不同效果,对比iOSTint效果简直是low爆了有木有),以前在想,如果Android也能有这么方便的效果就好了。嗯嗯,今天就来介绍下AndroidDrawable方法。

其实关键的类就是Android Support v4的包中提供了DrawableCompat

我们可以封装一个静态函数方便使用,如下:

publicstaticDrawabletintDrawable(Drawabledrawable,ColorStateListcolors){finalDrawablewrappedDrawable=DrawableCompat.wrap(drawable);DrawableCompat.setTintList(wrappedDrawable,colors);returnwrappedDrawable;}

新建一个Activity,并在layout加入ImageButton作为演示效果的控件。

<?xmlversion="1.0"encoding="utf-8"?><RelativeLayoutxmlns: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"><ImageButtonandroid:id="@+id/ivButton"android:src="@drawable/batman"android:layout_width="wrap_content"android:layout_height="wrap_content"/></RelativeLayout>

好了,网上找一个图片取名batman,就是上面ImageButton的src


原图

接下来我们在Activity代码中把src由黑色改为白色。

ImageButtonivButton=(ImageButton)findViewById(R.id.ivButton);Drawablesrc=ivButton.getDrawable();ivButton.setImageDrawable(tintDrawable(src,ColorStateList.valueOf(Color.WHITE)));

运行一下,ImageButton的图片batman就神奇的变成白色了~


白色

那么我们平时是通过selector来设置不同状态图片的,我们需要点击来改变图片颜色怎么办呢?
不用担心,同样支持selector来改变颜色。接下来我们要创建这个控制状态颜色的selector
color目录下new一个xml取名为“selector_imagebutton_batman.xml”作为我们的控制颜色selector,点击变为粉红色,正常状态为蓝色。

<?xmlversion="1.0"encoding="utf-8"?><selectorxmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:color="#FF4081"android:state_pressed="true"/><itemandroid:color="#3F51B5"/></selector>

然后我们把刚刚传给tintDrawable函数的参数改为selector即可

ivButton=(ImageButton)findViewById(R.id.ivButton);Drawablesrc=ivButton.getDrawable();//ivButton.setImageDrawable(tintDrawable(src,ColorStateList.valueOf(Color.WHITE)));ivButton.setImageDrawable(tintDrawable(src,getResources().getColorStateList(R.color.selector_imagebutton_batman)));

我们来看看效果吧~~


效果图

更多相关文章

  1. android 遮罩层效果
  2. Android中利用“反射”动态加载R文件中的资源
  3. [置顶] android中图片的三级cache策略(内存、文件、网络)之二:内存
  4. android App自适应draw9patch不失真背景(转)
  5. AndroidStudio mipmap图片大小
  6. android 一张图片实现 ImageView 实现 点击效果 图片明度变化
  7. 浅谈Android中的基础动画(图文详解)
  8. ReactNative之Image在Android设置圆角图片变形问题
  9. 【Android:简单夜间模式切换实现】夜间模式切换,完整代码奉上!

随机推荐

  1. android活动的跳转到另一个活动
  2. android studio 2.0 引导页示例
  3. react-native调用Android原生模块
  4. Android(安卓)PatternMatcher
  5. android 检查可用网络
  6. Android(安卓)startActivityForResult的
  7. android【打电话,收发短信实现】
  8. android JPushInterface.setAlias 报错 j
  9. Android 检查是否安装SD卡
  10. android 注册成功后返回账号和密码到登录