`

ImageButton自定义按钮的按下效果的高效实现方法(非一般)

阅读更多

通常情况下,我们可以采用如下方式实现: 

Xml代码  收藏代码
  1. <?xml version="1.0" encoding="UTF-8"?>      
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">      
  3.     <item           android:state_pressed="false"  android:drawable="@drawable/button_add" />      
  4.     <item           android:state_pressed="true"   android:drawable="@drawable/button_add_pressed" />      
  5.     <item           android:state_focused="true"    android:drawable="@drawable/button_add_pressed" />      
  6. <item           android:drawable="@drawable/button_add" />      
  7. </selector>   

把这个文件放在drawable目录下面。命名为button_add_x.xml 
使用的时候: 
Java代码  收藏代码
  1. <ImageButton      
  2.                         android:id="@+id/ImageButton"      
  3.                         android:layout_width="wrap_content"      
  4.                         android:layout_height="wrap_content"      
  5.                         android:background="#00000000"      
  6.                         android:src="@drawable/button_add_x" />   

这样的实现过程虽然通用性好,但是很麻烦,一个按钮实现效果需要多张图片甚至再加一个布局… 
那一个游戏要是有几百个按钮怎么办呢? 
于是:以下代码被酝酿出来了: 
Java代码  收藏代码
  1. /**   
  2.    * 按下这个按钮进行的颜色过滤   
  3.    */    
  4.   public final static float[] BT_SELECTED=new float[] {      
  5.       20002,      
  6.       02002,      
  7.       00202,      
  8.       00010 };     
  9.        
  10.   /**   
  11.    * 按钮恢复原状的颜色过滤   
  12.    */    
  13.   public final static float[] BT_NOT_SELECTED=new float[] {      
  14.       10000,      
  15.       01000,      
  16.       00100,      
  17.       00010 };     
  18.        
  19.   /**   
  20.    * 按钮焦点改变   
  21.    */    
  22.   public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {     
  23.        
  24.   @Override    
  25.   public void onFocusChange(View v, boolean hasFocus) {     
  26.    if (hasFocus) {     
  27.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));     
  28.     v.setBackgroundDrawable(v.getBackground());     
  29.    }     
  30.    else    
  31.    {     
  32.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));     
  33.      v.setBackgroundDrawable(v.getBackground());     
  34.    }     
  35.   }     
  36.  };     
  37.       
  38.   /**   
  39.    * 按钮触碰按下效果   
  40.    */    
  41.  public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {     
  42.   @Override    
  43.   public boolean onTouch(View v, MotionEvent event) {     
  44.    if(event.getAction() == MotionEvent.ACTION_DOWN){     
  45.     v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));     
  46.     v.setBackgroundDrawable(v.getBackground());     
  47.     }     
  48.     else if(event.getAction() == MotionEvent.ACTION_UP){     
  49.      v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));     
  50.      v.setBackgroundDrawable(v.getBackground());     
  51.     }     
  52.    return false;     
  53.   }     
  54.  };     
  55.       
  56.  /**   
  57.   * 设置图片按钮获取焦点改变状态   
  58.   * @param inImageButton   
  59.   */    
  60.  public final static void setButtonFocusChanged(View inView)     
  61.  {     
  62.   inView.setOnTouchListener(buttonOnTouchListener);     
  63.   inView.setOnFocusChangeListener(buttonOnFocusChangeListener);     
  64.  }    

使用时,调用方法public final static void setButtonFocusChanged(View inView)即可。 
【原理】 
利用Drawable类的setColorFilter方法对图片进行颜色偏移过滤处理。 

以下为效果图,登陆按钮此时为获取焦点状态。 
 
代码可以适当修改实现3个不同的状态:正常,获取焦点,点击。 

http://blog.csdn.net/sytzz/article/details/5673662
分享到:
评论

相关推荐

    android自定义按钮效果(两种方法)

    利用这些事件,我们可以在代码中动态更改按钮的背景图片,从而实现按下效果。 #### 实现步骤: 1. **创建背景图片资源**:首先,你需要准备两组图片资源,一组用于表示按钮正常状态下的外观,另一组用于表示按钮被...

    wince ppc 按钮控件 自定义按钮 ImageButton

    在这里,你需要使用Graphics对象来绘制图像和按钮状态(如鼠标悬停或按下状态)的细节。 3. 处理鼠标和键盘事件:为了实现交互性,你需要覆盖或添加处理MouseEnter、MouseLeave、MouseDown、MouseUp和Click等事件的...

    图片按钮ImageButton

    通过这样的实现,`ImageButton`控件就能够根据按钮的大小动态调整图像,使得无论按钮尺寸如何变化,图像都能充满整个按钮,提供一致的视觉效果。 标签中的"C# WinForm"表明这是在Windows Forms框架下使用C#编程语言...

    Android下实现win8风格的imageButton

    "Android下实现win8风格的imageButton"这一主题旨在教你如何在Android应用中创建具有Windows 8特色的弹性回弹效果的ImageButton。这种效果使得按钮在被触摸时能够产生视觉上的动态反馈,提升用户体验。 首先,要...

    QT按钮类的美化

    通过以上步骤,我们可以创建出与项目风格相匹配的、具有独特视觉效果的自定义按钮。在实际开发中,根据项目的具体需求,可能还需要处理更多的事件,实现更复杂的交互和动画效果。QT提供的强大功能和灵活性,使开发者...

    安卓Android源码——ImageButton.rar

    开发者可以通过继承 `ImageButton` 并重写相关方法来自定义自己的 `ImageButton`,例如自定义点击效果、图像动画等。 7. **无障碍功能** 考虑到无障碍性,`ImageButton` 的文字描述(`android:contentDescription...

    delphi6-7 控件ImageButton

    `ImageButton`控件在Delphi的`VCL`(Visual Component Library)库中属于`TButton`类的一个变体,因此它继承了许多按钮的基本属性和方法。`ImageButton`控件的主要特点是它可以显示一个图像,当用户点击时,就像普通...

    android exoplayer 自定义界面,播放器

    在这个项目中,我们将探讨如何自定义ExoPlayer的界面,实现横竖屏切换以及进度条拖动快进的功能。 首先,了解ExoPlayer的基本结构是非常重要的。ExoPlayer由多个组件组成,包括Renderer(渲染器)、DataSource...

    ImageButton

    同时,可以使用`android:background`属性设置按钮的背景,这通常用于设置按下状态时的图像。通过设置`android:onClick`属性,可以关联一个点击事件处理方法。 2. **事件监听**: 对于`ImageButton`的点击事件,...

    自定义控件书籍

    ### 自定义控件书籍知识点概览 #### 一、Android控件基本介绍 **1.1 Android 控件基本概述** Android 提供了丰富的内置控件,涵盖了文本输入、按钮交互、图像展示等多个方面,但有时候这些标准控件无法完全满足...

    应用源码之ImageButton.zip

    `ImageButton`与`ImageView`的主要区别在于,`ImageButton`允许用户设置背景,通常用于创建具有可点击效果的图像按钮。在XML布局文件中,我们可以通过`&lt;ImageButton&gt;`标签来声明它,并通过`android:src`属性设置...

    图文按钮的源代码资源

    本文将深入探讨图文按钮的设计原理、实现方法以及在不同平台上的应用。 1. 设计原则: - **一致性**:图文按钮的设计应与整体应用程序或网站的样式保持一致,以提供一致的用户体验。 - **可识别性**:图像应该...

    WPF 自定义控件

    `ImageButton`是将图像与按钮功能结合的自定义控件。我们可以通过以下步骤创建它: #### 步骤1:定义新类 首先,我们需要创建一个新的类,继承自`Button`类。在C#代码中,这可能看起来像这样: ```csharp public ...

    Android自定义UI模版

    在Android应用开发中,自定义UI模板是一种常见的实践,它能极大地提高开发效率,保持应用界面的一致性。...在实际工作中,我们应该积极推广和使用这样的自定义UI组件,以实现更高效、更规范的Android应用开发。

    Android开发技巧总汇(3).pdf

    7. **titleBar高级实现方法**:标题栏(titleBar)是应用界面的重要组成部分,文档介绍了如何进行高级定制,使标题栏更具美感和功能,比如添加自定义按钮或者动画效果。 8. **保存数据的四种方法**:Android提供了...

    Android开发技巧汇总_C[参照].pdf

    10. **ImageButton按下时的动画效果**:为了增加触觉反馈,开发者可以为ImageButton添加按下时的动画效果。这通常通过设置`android:background`属性为一个包含多种状态的`selector`资源来实现。 以上是Android开发...

    Qt on Android 示例程序

    这个示例可能涉及到了对 `QLabel` 的继承和重写绘制方法,以实现自定义的动画效果。 8. **日志记录:simplelog** 日志记录在软件开发中非常重要,`simplelog` 可能演示了如何在 Qt 应用中实现日志系统,包括记录...

    Android游戏开发20回合

    - **实现长按逻辑**:通过监听按钮的状态变化(按下与抬起),并在按下状态下周期性地检查是否满足长按条件。当满足条件时,通过`mListener`回调接口通知外部调用者进行相应的操作。 #### 二、View和SurfaceView 这...

    ASP.net技术中常见问题详细解答

    若需实现 ImageButton 在鼠标悬停时更换图片的效果,可以通过 JavaScript 的 `onmouseover` 和 `onmouseout` 事件来完成。下面是一个示例: ```html &lt;asp:ImageButton ID="ImageButton1" runat="server" ...

    Pro Android Graphics - Wallace Jackson.pdf

    本章可能会介绍如何通过继承和扩展ImageButton类来创建具有多种状态的自定义按钮控件,以及如何处理按钮的不同状态(如按下、选中、禁用等)。 第10章:使用9-Patch图像技术创建可伸缩的图像元素。9-Patch图像是一...

Global site tag (gtag.js) - Google Analytics