欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android自定义button点击效果的两种方式

时间:2021-06-22 09:37:35|栏目:Android代码|点击:

我们在界面上经常会用到button按钮,但通常button点击后看不到点击的效果,如果用户连续点击了两次,就会报NAR错误,这样交互性就比较差了。如果我们自定义了button点击效果,比如我们点击了button能让我们看到我们确实点击了button按钮,这样就会有效的避免重复点击了。
自定义点击效果有两种方式,一种是在xml中定义,另一种是在代码中定义。
首先看一下如何在xml中定义:
在drawable下新建selector.xml文件:         

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
 
  <item android:drawable="@drawable/button_press" android:state_pressed="true"/> 
  <item android:drawable="@drawable/button_nomal" android:state_focused="false" android:state_pressed="false"/> 
  <item android:drawable="@drawable/button_focus" android:state_focused="true"/> 
  <item android:drawable="@drawable/button_nomal" android:state_focused="false"/> 
 
</selector> 

定义了两种状态:一种是按下  一种是获得焦点。 

drawable分别引用了这三张图片

      

然后在main.xml下添加button按钮

  <Button 
 android:id="@+id/button1" 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:text="button效果演示" 
 android:background="@drawable/selector" />  

在MainActivtiy中得到button   

Button button1=(Button) this.findViewById(R.id.button1); 
    button1.setOnClickListener(new View.OnClickListener() { 
       
      @Override 
      public void onClick(View v) { 
        // TODO Auto-generated method stub 
        Toast.makeText(getApplicationContext(), "你点击了button按钮", Toast.LENGTH_SHORT).show(); 
      } 
    }); 

下面看下点击效果:

点击button前:

      

当按下button按钮时:

           

接下来 看下第二种实现方式,在代码中实现:

首先在main.xml中添加:

   <Button 
   android:id="@+id/button2" 
   android:layout_width="wrap_content" 
   android:layout_height="wrap_content" 
   android:text="button效果演示" 
   android:background="@drawable/button_nomal"/> 

接下面在MainActivity中实现:

  Button button2=(Button) this.findViewById(R.id.button2); 
    button2.setOnTouchListener(new OnTouchListener() { 
     
    @Override 
    public boolean onTouch(View v, MotionEvent event) { 
      // TODO Auto-generated method stub 
      if(event.getAction()==MotionEvent.ACTION_DOWN){ 
        v.setBackgroundResource(R.drawable.button_press); 
      }else if(event.getAction()==MotionEvent.ACTION_UP){ 
        v.setBackgroundResource(R.drawable.button_nomal); 
      } 
      return false; 
    } 
  }); 

在这类绑定了button的OnTouchListener监听,因为OnClickListener继承了OnTouchListener。运行效果和上面一样,这里不做过多解释。

上一篇:Android类FileDownloadList分析

栏    目:Android代码

下一篇:Android自定义密码输入EditTextLayout

本文标题:Android自定义button点击效果的两种方式

本文地址:http://www.codeinn.net/misctech/146392.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有