DrawableCompat使用:一张图片实现selector效果
2017-04-04 22:17
806 查看
通常情况下,我们实现一个图片按钮被选中的时候会在drawable文件夹下创建一个selector,在selector下添加两张不同颜色的图片,分别定义为:
选中状态(android:state_pressed="true")、默认状态(不设置)。
然而这种做法当然无可厚非,现在给大家提供一种更巧妙的方式来实现这种selector效果:只需要一张图片哟,就一张哟!这种方式可以减少不必要的图片,使app变得更小。
布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageButton
android:id="@+id/btn_img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:src="@mipmap/pay"/>
</RelativeLayout>
代码实现
mBtn_img = (ImageButton) findViewById(R.id.btn_img);
Drawable icon = getResources().getDrawable(R.mipmap.pay);
Drawable wrap = DrawableCompat.wrap(icon);
DrawableCompat.setTintList(wrap,getResources().getColorStateList(R.color.pay_selector));
// DrawableCompat.setTintList(wrap, ColorStateList.valueOf(Color.RED));
mBtn_img.setImageDrawable(wrap);
mBtn_img.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this,"DrawableCompat:一张图片实现selector",Toast.LENGTH_SHORT).show();
}
});
R.color.pay_selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/colorAccent" android:state_pressed="true"/>
<item android:color="@color/colorPrimary" />
</selector>
OK,就这么简单!
选中状态(android:state_pressed="true")、默认状态(不设置)。
然而这种做法当然无可厚非,现在给大家提供一种更巧妙的方式来实现这种selector效果:只需要一张图片哟,就一张哟!这种方式可以减少不必要的图片,使app变得更小。
布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageButton
android:id="@+id/btn_img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@android:color/transparent"
android:src="@mipmap/pay"/>
</RelativeLayout>
代码实现
mBtn_img = (ImageButton) findViewById(R.id.btn_img);
Drawable icon = getResources().getDrawable(R.mipmap.pay);
Drawable wrap = DrawableCompat.wrap(icon);
DrawableCompat.setTintList(wrap,getResources().getColorStateList(R.color.pay_selector));
// DrawableCompat.setTintList(wrap, ColorStateList.valueOf(Color.RED));
mBtn_img.setImageDrawable(wrap);
mBtn_img.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this,"DrawableCompat:一张图片实现selector",Toast.LENGTH_SHORT).show();
}
});
R.color.pay_selector
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/colorAccent" android:state_pressed="true"/>
<item android:color="@color/colorPrimary" />
</selector>
OK,就这么简单!
相关文章推荐
- Android selector 最佳写法 用一张图片实现按钮按下和普通效果的样式
- 模拟 手机QQ 点击头部图片 使其变成半透明 使用一张图片实现此效果
- selector使用与ImageButton单击按钮图片效果的实现
- 使用TransitionDrawable实现多张图片淡入淡出的效果
- Android实现眼睛一闪一闪的效果,使用layerdrawable,类似GIF图片效果
- ImageView使用一张图片做出selector效果,控件点击出现波纹效果,友好的交互。
- 使用TransitionDrawable实现两张图片的过渡效果
- 使用TransitionDrawable实现多张图片淡入淡出效果
- 使用TtransitionDrawable来实现图片颜色渐变过渡或者实现button的背景颜色渐变,很漂亮的效果
- 使用tint,用一张图片实现selector
- 使用TransitionDrawable实现两张图片的过渡效果
- Android中使用ClipDrawable实现缓缓打开一张图片的效果
- 使用jqzoom插件实现图片放大镜效果
- jquery框架中使用jqzoom插件实现图片放大镜效果
- 告别图片—使用字符实现兼容性的圆角尖角效果beta版
- 使用Qt实现简单的图片预览效果
- jquery 实现滚动向上滚动图片上一张停顿一下在上一张效果
- 使用ViewFlipper实现图片左右滑动效果
- 使用javascript实现多个图片漂浮的效果(完善火狐滤镜功能)
- Android提高篇之自定义dialog实现processDialog“正在加载”效果、使用Animation实现图片旋转