Android Listview中Button按鈕點擊事件衝突解決辦法

  今天做項目時，ListView中含有了Button組件，心裏一早就知道肯定會有衝突，因爲以前就遇到過，並解決過，可惜當時沒有記錄下來。 今天在做的時候，繼續被這個問題鬱悶了一把，後來解決後，趕緊來記錄下，以便日後參考。

  

  首先，其實Listview中Button按鈕點擊事件衝突這種問題壓根就不是太大的問題，因爲我們完全可以將一個TextView的Backgroud設置成一個selector，也可以將一個TextView設計成一個按鈕的樣子，這樣就可以繞過ListView和Button的衝突問題！

   

  當然，如果非要使用Button，那可以利用以下方案解決。

  首先，要了解的是，ListView和其它能觸發點擊事件的widget無法一起正常工作的原因是加入其它widget後，ListView的itemclick事件被其它widget的click事件屏蔽，所以將無法觸發。

  如何做呢？

定義list_item_btn.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/avatar"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/ic_launcher" />

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:padding="10dp" >

        <TextView
            android:id="@+id/title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10dp"
            android:padding="6dp"
            android:text="玫瑰花園"
            android:textSize="16sp" />

        <Button
            android:id="@+id/btn"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_margin="2dp"
            android:focusable="false"
            android:padding="6dp"
            android:text="玫瑰花園"
            android:textSize="16sp" />
    </LinearLayout>

</LinearLayout>

注; Button的android:focusable必須設置爲false，以免它搶了父控件（也就是每一個Item）的焦點。

接下來，我們定義一個Bean，Plan.java:

public class Plan {
	
	public String name;
	
	public String avatar;

	public Plan(String name, String avatar) {
		super();
		this.name = name;
		this.avatar = avatar;
	}

	@Override
	public String toString() {
		return "Plan [name=" + name + ", avatar=" + avatar + "]";
	}
	
}

實現ListView的Adapter，MyAdapter.java:

package com.wuyuan.listbtn;

import java.util.List;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.View.OnClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

public class MyAdapter extends BaseAdapter {

	private Context mContext;

	private LayoutInflater mInflater;

	private List<Plan> mDatas;

	private OnClickListener onClickListener;

	public MyAdapter(Context context, List<Plan> datas,
			OnClickListener onClickListener) {
		mContext = context;
		mInflater = LayoutInflater.from(mContext);
		mDatas = datas;
		this.onClickListener = onClickListener;
	}

	@Override
	public int getCount() {
		return (mDatas != null ? mDatas.size() : 0);
	}

	@Override
	public Object getItem(int position) {
		return (mDatas != null ? mDatas.get(position) : null);
	}

	@Override
	public long getItemId(int position) {
		return position;
	}

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder holder = null;
		if (convertView == null) {

			// 下拉項佈局
			convertView = mInflater.inflate(R.layout.list_item_btn, null);

			holder = new ViewHolder();

			holder.avatar = (ImageView) convertView.findViewById(R.id.avatar);
			holder.title = (TextView) convertView.findViewById(R.id.title);
			holder.btn = (Button) convertView.findViewById(R.id.btn);

			convertView.setTag(holder);

		} else {
			holder = (ViewHolder) convertView.getTag();
		}

		Plan plan = mDatas.get(position);

		if (plan != null) {

			holder.title.setText(plan.name);
			// 通常將position設置爲tag，方便之後判斷點擊的button是哪一個
			holder.btn.setTag(position);
			holder.btn.setOnClickListener(this.onClickListener);
		}

		return convertView;
	}

	static class ViewHolder {

		ImageView avatar;

		TextView title;

		Button btn;
	}

}

注：

 1. 構造方法中，我們傳入了OnClickListener，主要是爲了讓每一個Item的Button監聽該事件.

 2. holder.btn.setOnClickListener(this.onClickListener); 爲Button設置點擊事件監聽。

 3. 爲Button設置tag，tag的值爲position，這樣可以方便獲取該Button所在的List中的位置。

最後，設置列表及事件監聽：

public class MainActivity extends Activity {

	private ListView list_view;
	private List<Plan> plans;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		list_view = (ListView) findViewById(R.id.list_view);

		plans = new ArrayList<Plan>();
		for (int i = 0; i < 10; i++) {
			plans.add(new Plan("無緣公子-寧帥" + i, ""));
		}

		MyAdapter mAdapter = new MyAdapter(this, plans,onClickListener);
		list_view.setAdapter(mAdapter);

		list_view.setOnItemClickListener(new OnItemClickHandler());
	}

	private class OnItemClickHandler implements OnItemClickListener {

		@Override
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {

			System.out.println(" position1 :" + position);
			System.out.println(" data1 :" + plans.get(position).toString());
		}

	}
	
	private OnClickListener onClickListener = new OnClickListener() {
		
		@Override
		public void onClick(View view) {
			Button btn = (Button) view;
			
			int pos = (Integer) btn.getTag();
			
			System.out.println(" position2 :" + pos);
			System.out.println(" data2 :" + plans.get(pos).toString());
		}
	};
}

源碼下載地址（免費）： http://download.csdn.net/detail/zuiwuyuan/9192201