Android UI设计--ListView内嵌CheckBox的多选和删除

有时候项目中的ListView内需要内置一个CheckBox，供用户选择，多选，删除等等

先看源码

DataItem.java

package com.example.checkboxdemo;

public class DataItem {
	private String title;
	private boolean flag;

	public String getTitle() {
		return title;
	}
	public void setTitle(String title) {
		this.title = title;
	}
	public boolean getFlag() {
		return flag;
	}
	public void setFlag(boolean flag) {
		this.flag = flag;
	}
}

MyAdapter.java

package com.example.checkboxdemo;

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.TextView;

import com.example.checkboxdemo.MainActivity.ViewHolder;

public class MyAdapter extends BaseAdapter {
	public ArrayList<DataItem> mVideoList;
	private Context context;
	private LayoutInflater mInflater = null;


	public MyAdapter(Context context, ArrayList<DataItem> list)
	{
		this.context = context;
		this.mVideoList = list;
		mInflater = LayoutInflater.from(context);
	}

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

	@Override
	public Object getItem(int position) {
		return mVideoList.get(position);
	}

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

	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
		ViewHolder mHolder = null;
		if(null == convertView)
		{
			mHolder = new ViewHolder();
			convertView = mInflater.inflate(R.layout.test_item, null);
			mHolder.mTitle = (TextView)convertView.findViewById(R.id.item_tv);
			mHolder.mCheck = (CheckBox)convertView.findViewById(R.id.item_cb);
			convertView.setTag(mHolder);
		}else
		{
			mHolder = (ViewHolder)convertView.getTag();
		}
		mHolder.mTitle.setText(mVideoList.get(position).getTitle());
		mHolder.mCheck.setChecked(mVideoList.get(position).getFlag());

		return convertView;
	}

}

MainActivity.java

package com.example.checkboxdemo;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
	private ListView mVideoView;
	private MyAdapter mAdapter;
	private ArrayList<DataItem> mVideoList;
	private Button mCheckAllBtn;
	private Button mUnCheckAllBtn;
	private Button mCancelBtn;
	private Button mDeleteItemBtn;
	String str[] = {"item0","item1","item2","item3","item4","item5","item6",
			"item7","item8","item9","item10","item11","item12"};
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		initViews();
		initListeners();
	}

	private void initViews()
	{
		mVideoView = (ListView)findViewById(R.id.lv);
		mCheckAllBtn = (Button)findViewById(R.id.checkAll);
		mUnCheckAllBtn = (Button)findViewById(R.id.uncheckAll);
		mCancelBtn = (Button)findViewById(R.id.cancelCheck);
		mDeleteItemBtn = (Button)findViewById(R.id.deleteItem);
		mVideoList = new ArrayList<DataItem>();
		initData();
	}

	private void initData()
	{
		for(int i = 0; i < str.length; i++)
		{
			DataItem item = new DataItem();
			item.setTitle(str[i]);
			item.setFlag(false);
			mVideoList.add(item);
		}
		mAdapter = new MyAdapter(this, mVideoList);
		mVideoView.setAdapter(mAdapter);
	}

	private void initListeners()
	{
		mCheckAllBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				for(int i = 0; i < mVideoList.size(); i++)
				{
					mVideoList.get(i).setFlag(true);
				}
				mAdapter.notifyDataSetChanged();
			}
		});

		mUnCheckAllBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				for(int i = 0; i < mVideoList.size(); i++)
				{
					mVideoList.get(i).setFlag(false);
				}
				mAdapter.notifyDataSetChanged();
			}
		});

		mCancelBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				for(int i = 0; i < mVideoList.size(); i++)
				{
					if(mVideoList.get(i).getFlag())
					{
						mVideoList.get(i).setFlag(false);
					}else
					{
						mVideoList.get(i).setFlag(true);
					}
				}
				mAdapter.notifyDataSetChanged();
			}
		});

		mDeleteItemBtn.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				/**
				 * 这里不能直接操作mVideoList，需要缓存到一个列表中一起清除，否则会出现错误
				 */
				ArrayList<DataItem> deleteList = new ArrayList<DataItem>();
				for(int i = 0; i < mVideoList.size(); i++)
				{
					if(mVideoList.get(i).getFlag())
					{
						deleteList.add(mVideoList.get(i));
					}
				}
				mVideoList.removeAll(deleteList);
				deleteList.clear();
				mAdapter.notifyDataSetChanged();
			}
		});

		mVideoView.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view, int position,
					long id) {
				ViewHolder holder = (ViewHolder)view.getTag();
				//改变CheckBox状态
				holder.mCheck.toggle();
				mAdapter.mVideoList.get(position).setFlag(holder.mCheck.isChecked());
			}
		});
	}


	static class ViewHolder
	{
		public TextView mTitle;
		public CheckBox mCheck;
	}

}

这里需要注意下面的item的CheckBox定义，如果不加上红色的三行代码，会导致onItemClickListener失效

test_item.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="wrap_content"
    android:gravity="center_vertical"
    android:orientation="horizontal" >

    <TextView 
        android:id="@+id/item_tv"
        android:layout_width="0dip"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_weight="1"
        android:gravity="center_vertical"
        />
    <CheckBox 
        android:id="@+id/item_cb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
     android:clickable="false"
 android:focusable="false"
 android:focusableInTouchMode="false"
        android:gravity="center_vertical"
        />

</LinearLayout>

说的不多，全在代码里，有图有真相