当前位置： 移动技术网 > 移动技术>移动开发>Android > Android自定义button点击效果的两种方式

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

2019年07月24日  | 移动技术网移动技术  | 我要评论

我们在界面上经常会用到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自定义button点击效果实现方式的全部内容，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网