Android之Button自定義點擊效果

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

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

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

在drawable下新建selector.xml文件：

1. <?xml version="1.0" encoding="utf-8"?>
2. <selector xmlns:Android="http://schemas.android.com/apk/res/android">
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"/>
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() {
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() {
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。運行效果和上面一樣，這裡不做過多解釋。