Android 中使用ListView和CheckBox进行批量操作

在使用ListView时，一般为了性能的提升，都会使用ViewHolder，也就是Item的View实现复用。

现在的问题是，当在ListView的Item中包含CheckBox，并且CheckBox的事件处理监听器是holder.checkbox.setOnCheckedChangeListener()时，会出现第一项开始未选中，当第二项选中时第一项也跟着选中，这显然不是我们想要的结果。

出现这个问题的原因是第一项和第二项用的是同一个Item，当第二项选中时，CheckBox的当前状态为选中，这时setOnCheckedChangeListener里面会改变第一项关联的实体对象的属性（引用类型，变量A、B都引用同一个对象AA，当A把AA的某个属性值修改了，B再次访问时，AA对象的那个属性的值为A引用改后的值），代码如下：

holder.checkbox.setOnCheckedChangeListener(new OnCheckedChangeListener() {

            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                driver.setSelected(isChecked);
            }

        });

解决办法：

1、在ListViewAdapter初始化时，将对象中有关CheckBox是否选中的属性存储起来。

  selectedMap = new HashMap<Integer, Boolean>(); 
        int size = mPersons.size();
        for (int i = 0; i < size; i++) { 
            selectedMap.put(i, mPersons.get(i).isSelected()); 
        }

2、去掉CheckBox的holder.checkbox.setOnCheckedChangeListener(){}事件监听器

3、在Adapter里的 public View getView(final int position, View convertView, ViewGroup parent){}方法体里面，当前的CheckBox是否选中状态，由之前初始化时保存的对象属性值控制，代码如下：

boolean selected = selectedMap.get(position);
holder.checkbox.setChecked(selected);

3、用户点击ListView的Item时，改变CheckBox的状态，代码如下：

 convertView.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                checkbox.toggle();
                selectedMap.put(position, checkbox.isChecked()); 
                driver.setSelected(checkbox.isChecked());
            }
        });

数据适配器ListViewAdapter的完整代码：

package com.easipass.cloud.ccp.adapter;

import java.util.ArrayList;
import java.util.HashMap;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.Filter;
import android.widget.Filterable;
import android.widget.ImageView;
import android.widget.TextView;

import com.easipass.R;
import com.easipass.cloud.ccp.entity.UserInfo;

/**
 * 用户列表数据适配器
 * 
 * @author android_ls
 */
public final class UserListViewAdapter extends BaseAdapter implements Filterable {
    private LayoutInflater inflater;

    private MyFilter myFilter;

    private final Object mLock = new Object();

    private ArrayList<UserInfo> mPersons;

    private ArrayList<UserInfo> mCheckValues;

    public HashMap<Integer, Boolean> selectedMap;

    public UserListViewAdapter(Context context, ArrayList<UserInfo> cms) {
        inflater = LayoutInflater.from(context);
        mPersons = cms;

        selectedMap = new HashMap<Integer, Boolean>();
        int size = mPersons.size();
        for (int i = 0; i < size; i++) {
            selectedMap.put(i, mPersons.get(i).isSelected());
        }

    }

    @Override
    public int getCount() {
        return mPersons.size();
    }

    @Override
    public Object getItem(int arg0) {
        return mPersons.get(arg0);
    }

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

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.ccp_carmanager_lv_item, null);
            holder = new ViewHolder();
            holder.text1 = (TextView) convertView.findViewById(R.id.tv_name);
            holder.text2 = (TextView) convertView.findViewById(R.id.tv_phnoe);
            holder.checkbox = (CheckBox) convertView.findViewById(R.id.checkbox);
            holder.imageView = (ImageView) convertView.findViewById(R.id.iv_icon);

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

        final UserInfo driver = mPersons.get(position);

        holder.text1.setText(driver.getName());

        holder.text2.setText(driver.getPhoneNumber());
        // TODO 测试
        holder.imageView.setBackgroundResource(Integer.valueOf(driver.getIconUrl()));
        holder.checkbox.setVisibility(View.VISIBLE);

        boolean selected = selectedMap.get(position);
        holder.checkbox.setChecked(selected);

        final CheckBox checkbox = holder.checkbox;
        convertView.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                checkbox.toggle();
                selectedMap.put(position, checkbox.isChecked());
                driver.setSelected(checkbox.isChecked());
            }
        });

        if (selected) {
            convertView.setClickable(false);
        }

        return convertView;
    }

    @Override
    public Filter getFilter() {
        if (myFilter == null) {
            myFilter = new MyFilter();
        }
        return myFilter;
    }

    class MyFilter extends Filter {

        @Override
        protected FilterResults performFiltering(CharSequence prefix) {
            FilterResults results = new FilterResults();
            if (mCheckValues == null) {
                synchronized (mLock) {
                    mCheckValues = new ArrayList<UserInfo>(mPersons);
                }
            }

            if (prefix == null || prefix.length() == 0) {
                synchronized (mLock) {
                    ArrayList<UserInfo> list = new ArrayList<UserInfo>(mCheckValues);
                    results.values = list;
                    results.count = list.size();
                }
            } else {
                String prefixString = prefix.toString().toLowerCase();
                final ArrayList<UserInfo> values = mCheckValues;
                final int count = values.size();

                final ArrayList<UserInfo> newValues = new ArrayList<UserInfo>(count);
                for (int i = 0; i < count; i++) {
                    final UserInfo value = (UserInfo) values.get(i);
                    if (value.getName().contains(prefixString)) {
                        newValues.add(value);
                    }
                }

                results.values = newValues;
                results.count = newValues.size();
            }

            return results;
        }

        @SuppressWarnings("unchecked")
        @Override
        protected void publishResults(CharSequence constraint, FilterResults results) {
            mPersons = (ArrayList<UserInfo>) results.values;
            if (results.count > 0) {
                notifyDataSetChanged();
            } else {
                notifyDataSetInvalidated();
            }
        }
    }

    static class ViewHolder {
        public TextView text1;

        public TextView text2;

        public ImageView imageView;

        public CheckBox checkbox;
    }

}

Activity中onCreate()里的写法：

     mSearchToolbar = (SearchToolbar) this.findViewById(R.id.top_search_toolbar);
        mListView = (ListView) this.findViewById(R.id.listview);
        
        mDriverListAdapter = new UserListViewAdapter(this, driverList);
        mListView.setAdapter(mDriverListAdapter);

        mSearchToolbar.setFilter(mDriverListAdapter.getFilter());

SearchToolbar类的代码：

package com.easipass.custom.view;
import android.content.Context;
import android.text.Editable;
import android.text.TextWatcher;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.widget.AutoCompleteTextView;
import android.widget.FrameLayout;
import android.widget.ImageView;
import android.widget.RelativeLayout;

import com.easipass.R;

/**
 * 功能描述：自定义搜索框组件
 * @author android_ls
 */
public class SearchToolbar extends FrameLayout {

    private RelativeLayout topSearchToolbar;
    
    /**
     * 顶部自动补全文本输入框
     */
    private AutoCompleteTextView autoSearch;

    /**
     * 清除搜索结果按钮
     */
    private ImageView btnClearSearch;
    
    public SearchToolbar(Context context) {
        super(context);
        setupViews();
    }

    public SearchToolbar(Context context, AttributeSet attrs) {
        super(context, attrs);
        setupViews();
    }

    private void setupViews() {
        final LayoutInflater mLayoutInflater = LayoutInflater.from(getContext());
        topSearchToolbar = (RelativeLayout) mLayoutInflater.inflate(R.layout.top_search_toolbar, null);
        addView(topSearchToolbar);
        
        btnClearSearch = (ImageView) topSearchToolbar.findViewById(R.id.iv_search_clear);
        autoSearch = (AutoCompleteTextView) topSearchToolbar.findViewById(R.id.auto_search);
    }
    
    public void setFilter(final  android.widget.Filter filter) {
        autoSearch.addTextChangedListener(new TextWatcher() {

            @Override
            public void onTextChanged(CharSequence s, int start, int before, int count) {
                String filterWord = autoSearch.getText().toString().trim();
                filter.filter(filterWord);
            }

            @Override
            public void beforeTextChanged(CharSequence s, int start, int count, int after) {
                // TODO Auto-generated method stub

            }

            @Override
            public void afterTextChanged(Editable s) {
                // TODO Auto-generated method stub

            }
        });

        btnClearSearch.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                autoSearch.setText(null);
            }
        });
    }
    
}

top_search_toolbar.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/top_search_bar"
    android:layout_width="match_parent"
    android:layout_height="45dip"
    android:background="@drawable/search_bar_bg"
    android:visibility="visible" >
    <AutoCompleteTextView
        android:id="@+id/auto_search"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="5dip"
        android:layout_marginRight="5dip"
        android:background="@drawable/search_bar_edit_normal"
        android:completionThreshold="1"
        android:drawableLeft="@drawable/search_bar_icon_normal"
        android:dropDownHorizontalOffset="30dip"
        android:dropDownVerticalOffset="9dip"
        android:dropDownWidth="210dip"
        android:singleLine="true"
        android:textSize="15sp" />

    <ImageView
        android:id="@+id/iv_search_clear"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:layout_marginRight="12dip"
        android:layout_marginTop="-1dip"
        android:background="@drawable/btn_search_clear_selector" />

</RelativeLayout>