歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
您现在的位置: Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

Android之Button自定義點擊效果

我們在界面上經常會用到button按鈕,但通常button點擊後看不到點擊的效果,如果用戶連續點擊了兩次,就會報NAR錯誤,這樣交互性就比較差了。如果我們自定義了button點擊效果,比如我們點擊了button能讓我們看到我們確實點擊了button按鈕,這樣就會有效的避免重復點擊了。

自定義點擊效果有兩種方式,一種是在xml中定義,另一種是在代碼中定義。

首先看一下如何在xml中定義:

在drawable下新建selector.xml文件:

[html]
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:Android="http://schemas.android.com/apk/res/android">  
  3.   
  4.     <item android:drawable="@drawable/button_press" android:state_pressed="true"/>  
  5.     <item android:drawable="@drawable/button_nomal" android:state_focused="false" android:state_pressed="false"/>  
  6.     <item android:drawable="@drawable/button_focus"  android:state_focused="true"/>  
  7.     <item android:drawable="@drawable/button_nomal" android:state_focused="false"/>  
  8.   
  9. </selector>  


     定義了兩種狀態 一種是按下  一種是獲得焦點。  drawable分別引用了這三張圖片

     

      然後在main.xml下添加button按鈕

    [html]

  1. <Button  
  2.  android:id="@+id/button1"  
  3.  android:layout_width="wrap_content"  
  4.  android:layout_height="wrap_content"  
  5.  android:text="button效果演示"  
  6.  android:background="@drawable/selector" />   

          在MainActivtiy中得到button

     [html]

  1. Button button1=(Button) this.findViewById(R.id.button1);  
  2.         button1.setOnClickListener(new View.OnClickListener() {  
  3.               
  4.             @Override  
  5.             public void onClick(View v) {  
  6.                 // TODO Auto-generated method stub  
  7.                 Toast.makeText(getApplicationContext(), "你點擊了button按鈕", Toast.LENGTH_SHORT).show();  
  8.             }  
  9.         });  


            下面看下點擊效果:

           點擊button前:

     

       當按下button按鈕時:

      

         接下來 看下第二種實現方式,在代碼中實現:

        首先在main.xml中添加:

      [html]

  1. <Button  
  2.      android:id="@+id/button2"  
  3.      android:layout_width="wrap_content"  
  4.      android:layout_height="wrap_content"  
  5.      android:text="button效果演示"  
  6.      android:background="@drawable/button_nomal"/>  

   接下面在MainActivity中實現:

     [html]

  1. Button button2=(Button) this.findViewById(R.id.button2);  
  2.        button2.setOnTouchListener(new OnTouchListener() {  
  3.           
  4.         @Override  
  5.         public boolean onTouch(View v, MotionEvent event) {  
  6.             // TODO Auto-generated method stub  
  7.             if(event.getAction()==MotionEvent.ACTION_DOWN){  
  8.                 v.setBackgroundResource(R.drawable.button_press);  
  9.             }else if(event.getAction()==MotionEvent.ACTION_UP){  
  10.                 v.setBackgroundResource(R.drawable.button_nomal);  
  11.             }  
  12.             return false;  
  13.         }  
  14.     });  

          在這類綁定了button的OnTouchListener監聽,因為OnClickListener繼承了OnTouchListener。運行效果和上面一樣,這裡不做過多解釋。

Copyright © Linux教程網 All Rights Reserved