Android中ImageButton自定义按钮的按下效果的代码实现方法,附网上2种经典解决方法
16lz
2021-01-23
使用Button时为了让用户有“按下”的效果,有两种实现方式:
1.在代码里面。
[java] view plain copy- imageButton.setOnTouchListener(new OnTouchListener(){
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- if(event.getAction() == MotionEvent.ACTION_DOWN){
- //更改为按下时的背景图片
- v.setBackgroundResource(R.drawable.pressed);
- }else if(event.getAction() == MotionEvent.ACTION_UP){
- //改为抬起时的图片
- v.setBackgroundResource(R.drawable.released);
- }
- return false;
- }
- });
- imageButton.setOnTouchListener(new OnTouchListener(){
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- if(event.getAction() == MotionEvent.ACTION_DOWN){
- //更改为按下时的背景图片
- v.setBackgroundResource(R.drawable.pressed);
- }else if(event.getAction() == MotionEvent.ACTION_UP){
- //改为抬起时的图片
- v.setBackgroundResource(R.drawable.released);
- }
- return false;
- }
- });
2.用XML文件实现。
[xhtml] view plain copy- <?xml version="1.0" encoding="UTF-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- <item android:state_pressed="false" android:drawable="@drawable/button_add" />
- <item android:state_pressed="true" android:drawable="@drawable/button_add_pressed" />
- <item android:state_focused="true" android:drawable="@drawable/button_add_pressed" />
- <item android:drawable="@drawable/button_add" />
- selector>
- <?xml version="1.0" encoding="UTF-8"?>
- <selector xmlns:android="http://schemas.android.com/apk/res/android">
- <item android:state_pressed="false" android:drawable="@drawable/button_add" />
- <item android:state_pressed="true" android:drawable="@drawable/button_add_pressed" />
- <item android:state_focused="true" android:drawable="@drawable/button_add_pressed" />
- <item android:drawable="@drawable/button_add" />
- selector>
这个文件放在drawable目录下面。命名为button_add_x.xml
使用的时候
[xhtml] view plain copy- <ImageButton
- android:id="@+id/ImageButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:background="#00000000"
- android:src="@drawable/button_add_x" >
- ImageButton>
- <ImageButton
- android:id="@+id/ImageButton"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:background="#00000000"
- android:src="@drawable/button_add_x" >
- ImageButton>
我自己摸索摸索,发现这样的实现过程虽然通用性好,但是很麻烦,一个按钮实现效果需要多张图片甚至再加一个布局…
那一个游戏要是有几百个按钮怎么办呢?
于是:以下代码被酝酿出来了:
[java] view plain copy
- /**
- * 按下这个按钮进行的颜色过滤
- */
- public final static float[] BT_SELECTED=new float[] {
- 2, 0, 0, 0, 2,
- 0, 2, 0, 0, 2,
- 0, 0, 2, 0, 2,
- 0, 0, 0, 1, 0 };
- /**
- * 按钮恢复原状的颜色过滤
- */
- public final static float[] BT_NOT_SELECTED=new float[] {
- 1, 0, 0, 0, 0,
- 0, 1, 0, 0, 0,
- 0, 0, 1, 0, 0,
- 0, 0, 0, 1, 0 };
- /**
- * 按钮焦点改变
- */
- public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {
- @Override
- public void onFocusChange(View v, boolean hasFocus) {
- if (hasFocus) {
- v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));
- v.setBackgroundDrawable(v.getBackground());
- }
- else
- {
- v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));
- v.setBackgroundDrawable(v.getBackground());
- }
- }
- };
- /**
- * 按钮触碰按下效果
- */
- public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {
- @Override
- public boolean onTouch(View v, MotionEvent event) {
- if(event.getAction() == MotionEvent.ACTION_DOWN){
- v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));
- v.setBackgroundDrawable(v.getBackground());
- }
- else if(event.getAction() == MotionEvent.ACTION_UP){
- v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));
- v.setBackgroundDrawable(v.getBackground());
- }
- return false;
- }
- };
- /**
- * 设置图片按钮获取焦点改变状态
- * @param inImageButton
- */
- public final static void setButtonFocusChanged(View inView)
- {
- inView.setOnTouchListener(buttonOnTouchListener);
- inView.setOnFocusChangeListener(buttonOnFocusChangeListener);
- }
使用时,调用方法
public final static void setButtonFocusChanged(View inView)
即可。
【原理】
利用Drawable类的setColorFilter方法对图片进行颜色偏移过滤处理。
更多相关文章
- Android studio 点击按钮跳转到新的Activity
- android 5.1拍照后图片镜像处理
- Error : android studio 中mipmap引用.9图片出错
- android 图片切换,仿百叶窗效果
- Android的图片压缩类ThumbnailUtils
- android 中给图片加圆角效果
- android图片轮播+点击跳转广告页面
- Android 下拉加载更多 上拉刷新 框架 (太极 八卦样式刷新,支持自定
- android button按键得到焦点和点击后改变背景图片