Android ImageButton自定义按钮的按下效果的代码实现方法分享

 更新时间:2014年02月11日 14:39:58   作者:  
这篇文章主要介绍了Android ImageButton自定义按钮的按下效果的代码实现方法,需要的朋友可以参考下

使用Button时为了让用户有“按下”的效果,有两种实现方式:
1.在代码里面。

复制代码 代码如下:

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文件实现。

复制代码 代码如下:

<?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
使用的时候

复制代码 代码如下:

<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>

我自己摸索摸索,发现这样的实现过程虽然通用性好,但是很麻烦,一个按钮实现效果需要多张图片甚至再加一个布局…
那一个游戏要是有几百个按钮怎么办呢?
于是:以下代码被酝酿出来了:

复制代码 代码如下:

/** 
   * 按下这个按钮进行的颜色过滤 
   */ 
  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方法对图片进行颜色偏移过滤处理。

相关文章

  • Flutter-AnimatedWidget组件源码示例解析

    Flutter-AnimatedWidget组件源码示例解析

    这篇文章主要为大家介绍了Flutter-AnimatedWidget组件源码示例解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-06-06
  • android GridView多选效果的实例代码

    android GridView多选效果的实例代码

    在使用 GridView的时候,有时需要多选上面显示的类容,比如批量删除上面显示的图片,批量上传图片等。这个时候我们可以使用层叠图来实现,效果如下:
    2013-06-06
  • Android国际化之中英文语言切换

    Android国际化之中英文语言切换

    大家好,本篇文章主要讲的是Android国际化之中英文语言切换,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下,方便下次浏览
    2021-12-12
  • Android四大组件之broadcast广播详解

    Android四大组件之broadcast广播详解

    Android开发的四大组件分别是:活动(activity),用于表现功能;服务(service),后台运行服务,不提供界面呈现;广播接受者(Broadcast Receive),勇于接收广播;内容提供者(Content Provider),支持多个应用中存储和读取数据,相当于数据库,本篇着重介绍广播组件
    2022-10-10
  • Android 贝塞尔曲线绘制一个波浪球

    Android 贝塞尔曲线绘制一个波浪球

    当 flutter 的现有组件无法满足产品要求的UI效果时,我们就需要通过自绘组件的方式来进行实现了。本文章就来介绍如何用贝塞尔曲线实现一个带文本的波浪球,需要的可以参考一下
    2022-05-05
  • Flutter应用集成极光推送的实现示例

    Flutter应用集成极光推送的实现示例

    这篇文章主要介绍了Flutter应用集成极光推送的实现示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-02-02
  • Android 获取签名公钥和公钥私钥加解密的方法(推荐)

    Android 获取签名公钥和公钥私钥加解密的方法(推荐)

    下面小编就为大家带来一篇Android 获取签名公钥和公钥私钥加解密的方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • Android上下文菜单用法实例分析

    Android上下文菜单用法实例分析

    这篇文章主要介绍了Android上下文菜单用法,以完整实例形式分析了Android上下文菜单的定义、布局及功能实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • Android实战之Cocos游戏容器搭建

    Android实战之Cocos游戏容器搭建

    这篇文章主要介绍了Android实战之Cocos游戏容器搭建,文章围绕主题展开详细的内容介绍,具有一定的参考价值,感兴趣的小伙伴可以参考一下
    2022-06-06
  • Android SeekBar控制视频播放进度实现过程讲解

    Android SeekBar控制视频播放进度实现过程讲解

    这篇文章主要介绍了Android SeekBar控制视频播放进度实现过程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧
    2023-04-04

最新评论