快捷導航

Android自定義button點擊效果的兩種方式

更新時間：2016年05月25日 09:28:48 作者：chaoyu168

這篇文章主要為大家詳細介紹了Android自定義button點擊效果的兩種方式，感興趣的小伙伴們可以參考一下

我們在界面上經(jīng)常會用到button按鈕，但通常button點擊后看不到點擊的效果，如果用戶連續(xù)點擊了兩次，就會報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>

定義了兩種狀態(tài)：一種是按下一種是獲得焦點。

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按鈕時：

接下來看下第二種實現(xiàn)方式，在代碼中實現(xiàn)：

首先在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中實現(xiàn)：

  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監(jiān)聽，因為OnClickListener繼承了OnTouchListener。運行效果和上面一樣，這里不做過多解釋。

以上就是Android自定義button點擊效果實現(xiàn)方式的全部內(nèi)容，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: