Android项目之——UI进段实现listview中checkbox多选与反选

今天继续和大家分享涉及到listview的内容。在很多时候，我们会用到 listview和checkbox配合来提供给用户一些选择操作。比如在一个清单页面，我们需要记录用户勾选了哪些条目。这个的实现并不太难，但是有很 多朋友来问我如何实现，他们有遇到各种各样的问题，这里就一并写出来和大家一起分享。
ListView的操作就一定会涉及到item和Adapter，我们还是先来实现这部分内容。
首先，写个item的xml布局，里面放置一个TextView和一个CheckBox。要注意的时候，这里我设置了CheckBox没有焦点，这样的话，无法单独点击checkbox，而是在点击listview的条目后，Checkbox会响应操作。

01<?xml version="1.0" encoding="utf-8"?>

02<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"

03android:layout_height="fill_parent"

04android:orientation="horizontal" >

05<TextView

06android:id="@+id/item_tv"

07andro

08id:layout_width="0dp"

09android:layout_height="wrap_content"

10android:layout_weight="1"

11android:gravity="center_vertical"

12/>

13<CheckBox

14android:id="@+id/item_cb"

15android:layout_width="wrap_content"

16android:layout_height="wrap_content"

17android:clickable="false"

18android:focusable="false"

19android:focusableInTouchMode="false"

20android:gravity="center_vertical"

21/>

22</LinearLayout>

　　下面就写一个Adapter类，我们依然继承BaseAdapter类。这里我们使用一个HashMap<Integer,boolean>的键值来记录checkbox在对应位置的选中状况，这是本例的实现的基础。

01package com.notice.listcheck;

02import java.util.ArrayList;

03import java.util.HashMap;

04import android.content.Context;

05import android.view.LayoutInflater;

06import android.view.View;

07import android.view.ViewGroup;

08import android.widget.BaseAdapter;

09import android.widget.CheckBox;

10import android.widget.TextView;

11public class MyAdapter extends BaseAdapter{

12// 填充数据的list

13private ArrayList<String> list;

14// 用来控制CheckBox的选中状况

15private static HashMap<Integer,Boolean> isSelected;

16// 上下文

17private Context context;

18// 用来导入布局

19private LayoutInflater inflater = null;

20// 构造器

21public MyAdapter(ArrayList<String> list, Context context) {

22this.context = context;

23this.list = list;

24inflater = LayoutInflater.from(context);

25isSelected = new HashMap<Integer, Boolean>();

26// 初始化数据

27initDate();

28}

29// 初始化isSelected的数据

30private void initDate(){

31for(int i=0; i<list.size();i++) {

32getIsSelected().put(i,false);

33}

34}

35@Override

36public int getCount() {

37return list.size();

38}

39@Override

40public Object getItem(int position) {

41return list.get(position);

42}

43@Override

44public long getItemId(int position) {

45return position;

46}

47@Override

48public View getView(int position, View convertView, ViewGroup parent) {

49ViewHolder holder = null;

50if (convertView == null) {

51// 获得ViewHolder对象

52holder = new ViewHolder();

53// 导入布局并赋值给convertview

54convertView = inflater.inflate(R.layout.listviewitem, null);

55holder.tv = (TextView) convertView.findViewById(R.id.item_tv);

56holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);

57// 为view设置标签

58convertView.setTag(holder);

59} else {

60// 取出holder

61holder = (ViewHolder) convertView.getTag();

62}

63// 设置list中TextView的显示

64holder.tv.setText(list.get(position));

65// 根据isSelected来设置checkbox的选中状况

66holder.cb.setChecked(getIsSelected().get(position));

67return convertView;

68}

69public static HashMap<Integer,Boolean>

70getIsSelected() {

71return isSelected;

72}

73public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {

74MyAdapter.isSelected = isSelected;

75}

76}

　　注释已经写的非常详尽了，通过

1holder.cb.setChecked(getIsSelected().get(position));

　　这行代码我们实现了设置CheckBox的选中状况。 　　那么我们只需要在点击事件中，控制isSelected的键值即可控制对应位置checkbox的选中了。 　　在Activity中我们除了放置一个ListView外，还放置了三个按钮，分别实现全选，取消和反选。 　　看下Activity类的代码：

001package com.notice.listcheck;

002import java.util.ArrayList;

003import android.app.Activity;

004import android.os.Bundle;

005import android.view.View;

006import android.view.View.OnClickListener;

007import android.widget.AdapterView;

008import android.widget.AdapterView.OnItemClickListener;

009import android.widget.Button;

010import android.widget.ListView;

011import android.widget.TextView;

012public class Ex_checkboxActivity extends Activity {

013private ListView lv;

014private MyAdapter mAdapter;

015private ArrayList<String> list;

016private Button bt_selectall;

017private Button bt_cancel;

018private Button bt_deselectall;

019private int checkNum; // 记录选中的条目数量

020private TextView tv_show;// 用于显示选中的条目数量

021/** Called when the activity is first created. */

022@Override

023public void onCreate(Bundle savedInstanceState) {

024super.onCreate(savedInstanceState);

025setContentView(R.layout.main);

026/* 实例化各个控件 */

027lv = (ListView) findViewById(R.id.lv);

028bt_selectall = (Button) findViewById(R.id.bt_selectall);

029bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);

030bt_deselectall = (Button) findViewById(R.id.bt_deselectall);

031tv_show = (TextView) findViewById(R.id.tv);

032list = new ArrayList<String>();

033// 为Adapter准备数据

034initDate();

035// 实例化自定义的MyAdapter

036mAdapter = new MyAdapter(list, this);

037// 绑定Adapter

038lv.setAdapter(mAdapter);

039// 全选按钮的回调接口

040bt_selectall.setOnClickListener(new OnClickListener() {

041@Override

042public void onClick(View v) {

043// 遍历list的长度，将MyAdapter中的map值全部设为true

044for (int i = 0; i < list.size(); i++) {

045MyAdapter.getIsSelected().put(i, true);

046}

047// 数量设为list的长度

048checkNum = list.size();

049// 刷新listview和TextView的显示

050dataChanged();

051}

052});

053// 取消按钮的回调接口

054bt_cancel.setOnClickListener(new OnClickListener() {

055@Override

056public void onClick(View v) {

057// 遍历list的长度，将已选的按钮设为未选

058for (int i = 0; i < list.size(); i++) {

059if (MyAdapter.getIsSelected().get(i)) {

060MyAdapter.getIsSelected().put(i, false);

061checkNum--;// 数量减1

062}

063}

064// 刷新listview和TextView的显示

065dataChanged();

066}

067});

068// 反选按钮的回调接口

069bt_deselectall.setOnClickListener(new OnClickListener() {

070@Override

071public void onClick(View v) {

072// 遍历list的长度，将已选的设为未选，未选的设为已选

073for (int i = 0; i < list.size(); i++) {

074if (MyAdapter.getIsSelected().get(i)) {

075MyAdapter.getIsSelected().put(i, false);

076checkNum--;

077} else {

078MyAdapter.getIsSelected().put(i, true);

079checkNum++;

080}

081}

082// 刷新listview和TextView的显示

083dataChanged();

084}

085});

086// 绑定listView的监听器

087lv.setOnItemClickListener(new OnItemClickListener() {

088@Override

089public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,

090long arg3) {

091// 取得ViewHolder对象，这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤

092ViewHolder holder = (ViewHolder) arg1.getTag();

093// 改变CheckBox的状态

094holder.cb.toggle();

095// 将CheckBox的选中状况记录下来

096MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());

097// 调整选定条目

098if (holder.cb.isChecked() == true) {

099checkNum++;

100} else {

101checkNum--;

102}

103// 用TextView显示

104tv_show.setText("已选中"+checkNum+"项");

105}

106});

107}

108// 初始化数据

109private void initDate() {

110for (int i = 0; i < 15; i++) {

111list.add("data" + " " + i);

112}

113}

114// 刷新listview和TextView的显示

115private void dataChanged() {

116// 通知listView刷新

117mAdapter.notifyDataSetChanged();

118// TextView显示最新的选中数目

119tv_show.setText("已选中" + checkNum + "项");

120}

　　代码中在item的点击事件中，直接调用

1holder.cb.toggle();

　　先改变CheckBox的状态，然后将值存进map记录下来

1MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());

而其他几个Button的点击事件，都是通过遍历list的长度来设置isSelected的值，进而通知listview根据已经变化的 adapter刷新，来实现Checkbox的对应选中状态。因为对listview的处理中我们仍然使用了ViewHolder来优化ListView 的效率（通过findViewById层层查找是比较耗时的

文章转载自：eoeAndroid开发者社区 [http://www.eoeandroid.com]