android UI进阶之实现listview中checkbox的多选与记录

今天继续和大家分享涉及到listview的内容。在很多时候，我们会用到listview和checkbox配合来提供给用户一些选择操作。比如在一个 清单页面，我们需要记录用户勾选了哪些条目。这个的实现并不太难，但是有很多朋友来问我如何实现，他们有遇到各种各样的问题，这里就一并写出来和大家一起 分享。

ListView的操作就一定会涉及到item和Adapter，我们还是先来实现这部分内容。

首先，写个item的xml布局，里面放置一个TextView和一个CheckBox。要注意的时候，这里我设置了CheckBox没有焦点，这样的话，无法单独点击checkbox，而是在点击listview的条目后，Checkbox会响应操作。

1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="fill_parent"
5. android:orientation="horizontal" >
6. <TextView
7. android:id="@+id/item_tv"
8. android:layout_width="0dp"
9. android:layout_height="wrap_content"
10. android:layout_weight="1"
11. android:gravity="center_vertical"
12. />
13. <CheckBox
14. android:id="@+id/item_cb"
15. android:layout_width="wrap_content"
16. android:layout_height="wrap_content"
17. android:clickable="false"
18. android:focusable="false"
19. android:focusableInTouchMode="false"
20. android:gravity="center_vertical"
21. />
22. </LinearLayout>

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

1. package com.notice.listcheck;
2. import java.util.ArrayList;
3. import java.util.HashMap;
4. import android.content.Context;
5. import android.view.LayoutInflater;
6. import android.view.View;
7. import android.view.ViewGroup;
8. import android.widget.BaseAdapter;
9. import android.widget.CheckBox;
10. import android.widget.TextView;
11. public class MyAdapter extends BaseAdapter{
12. // 填充数据的list
13. private ArrayList<String> list;
14. // 用来控制CheckBox的选中状况
15. private static HashMap<Integer,Boolean> isSelected;
16. // 上下文
17. private Context context;
18. // 用来导入布局
19. private LayoutInflater inflater = null;
20. // 构造器
21. public MyAdapter(ArrayList<String> list, Context context) {
22. this.context = context;
23. this.list = list;
24. inflater = LayoutInflater.from(context);
25. isSelected = new HashMap<Integer, Boolean>();
26. // 初始化数据
27. initDate();
28. }
29. // 初始化isSelected的数据
30. private void initDate(){
31. for(int i=0; i<list.size();i++) {
32. getIsSelected().put(i,false);
33. }
34. }
35. @Override
36. public int getCount() {
37. return list.size();
38. }
39. @Override
40. public Object getItem(int position) {
41. return list.get(position);
42. }
43. @Override
44. public long getItemId(int position) {
45. return position;
46. }
47. @Override
48. public View getView(int position, View convertView, ViewGroup parent) {
49. ViewHolder holder = null;
50. if (convertView == null) {
51. // 获得ViewHolder对象
52. holder = new ViewHolder();
53. // 导入布局并赋值给convertview
54. convertView = inflater.inflate(R.layout.listviewitem, null);
55. holder.tv = (TextView) convertView.findViewById(R.id.item_tv);
56. holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);
57. // 为view设置标签
58. convertView.setTag(holder);
59. } else {
60. // 取出holder
61. holder = (ViewHolder) convertView.getTag();
62. }
63. // 设置list中TextView的显示
64. holder.tv.setText(list.get(position));
65. // 根据isSelected来设置checkbox的选中状况
66. holder.cb.setChecked(getIsSelected().get(position));
67. return convertView;
68. }
69. public static HashMap<Integer,Boolean> getIsSelected() {
70. return isSelected;
71. }
72. public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {
73. MyAdapter.isSelected = isSelected;
74. }
75. }

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

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

这行代码我们实现了设置CheckBox的选中状况。

那么我们只需要在点击事件中，控制isSelected的键值即可控制对应位置checkbox的选中了。

在Activity中我们除了放置一个ListView外，还放置了三个按钮，分别实现全选，取消和反选。

看下Activity类的代码：

1. package com.notice.listcheck;
2. import java.util.ArrayList;
3. import android.app.Activity;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.View.OnClickListener;
7. import android.widget.AdapterView;
8. import android.widget.AdapterView.OnItemClickListener;
9. import android.widget.Button;
10. import android.widget.ListView;
11. import android.widget.TextView;
12. public class Ex_checkboxActivity extends Activity {
13. private ListView lv;
14. private MyAdapter mAdapter;
15. private ArrayList<String> list;
16. private Button bt_selectall;
17. private Button bt_cancel;
18. private Button bt_deselectall;
19. private int checkNum; // 记录选中的条目数量
20. private TextView tv_show;// 用于显示选中的条目数量
21. /** Called when the activity is first created. */
22. @Override
23. public void onCreate(Bundle savedInstanceState) {
24. super.onCreate(savedInstanceState);
25. setContentView(R.layout.main);
26. /* 实例化各个控件 */
27. lv = (ListView) findViewById(R.id.lv);
28. bt_selectall = (Button) findViewById(R.id.bt_selectall);
29. bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);
30. bt_deselectall = (Button) findViewById(R.id.bt_deselectall);
31. tv_show = (TextView) findViewById(R.id.tv);
32. list = new ArrayList<String>();
33. // 为Adapter准备数据
34. initDate();
35. // 实例化自定义的MyAdapter
36. mAdapter = new MyAdapter(list, this);
37. // 绑定Adapter
38. lv.setAdapter(mAdapter);
39. // 全选按钮的回调接口
40. bt_selectall.setOnClickListener(new OnClickListener() {
41. @Override
42. public void onClick(View v) {
43. // 遍历list的长度，将MyAdapter中的map值全部设为true
44. for (int i = 0; i < list.size(); i++) {
45. MyAdapter.getIsSelected().put(i, true);
46. }
47. // 数量设为list的长度
48. checkNum = list.size();
49. // 刷新listview和TextView的显示
50. dataChanged();
51. }
52. });
53. // 取消按钮的回调接口
54. bt_cancel.setOnClickListener(new OnClickListener() {
55. @Override
56. public void onClick(View v) {
57. // 遍历list的长度，将已选的按钮设为未选
58. for (int i = 0; i < list.size(); i++) {
59. if (MyAdapter.getIsSelected().get(i)) {
60. MyAdapter.getIsSelected().put(i, false);
61. checkNum--;// 数量减1
62. }
63. }
64. // 刷新listview和TextView的显示
65. dataChanged();
66. }
67. });
68. // 反选按钮的回调接口
69. bt_deselectall.setOnClickListener(new OnClickListener() {
70. @Override
71. public void onClick(View v) {
72. // 遍历list的长度，将已选的设为未选，未选的设为已选
73. for (int i = 0; i < list.size(); i++) {
74. if (MyAdapter.getIsSelected().get(i)) {
75. MyAdapter.getIsSelected().put(i, false);
76. checkNum--;
77. } else {
78. MyAdapter.getIsSelected().put(i, true);
79. checkNum++;
80. }
81. }
82. // 刷新listview和TextView的显示
83. dataChanged();
84. }
85. });
86. // 绑定listView的监听器
87. lv.setOnItemClickListener(new OnItemClickListener() {
88. @Override
89. public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
90. long arg3) {
91. // 取得ViewHolder对象，这样就省去了通过层层的findViewById去实例化我们需要的cb实例的步骤
92. 　　　　　　　　　　ViewHolder holder = (ViewHolder) arg1.getTag();
93. // 改变CheckBox的状态
94. holder.cb.toggle();
95. // 将CheckBox的选中状况记录下来
96. MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());
97. // 调整选定条目
98. if (holder.cb.isChecked() == true) {
99. checkNum++;
100. } else {
101. checkNum--;
102. }
103. // 用TextView显示
104. tv_show.setText("已选中"+checkNum+"项");
105. }
106. });
107. }
108. // 初始化数据
109. private void initDate() {
110. for (int i = 0; i < 15; i++) {
111. list.add("data" + "   " + i);
112. }
113. }
114. // 刷新listview和TextView的显示
115. private void dataChanged() {
116. // 通知listView刷新
117. mAdapter.notifyDataSetChanged();
118. // TextView显示最新的选中数目
119. tv_show.setText("已选中" + checkNum + "项");
120. }
121. }

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

 holder.cb.toggle();

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

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

而其他几个Button的点击事件，都是通过遍历 list的长度来设置isSelected的值，进而通知listview根据已经变化的adapter刷新，来实现Checkbox的对应选中状态。因 为对listview的处理中我们仍然使用了ViewHolder来优化ListView的效率（通过findViewById层层查找是比较耗时的，这 里不了解的朋友可以看我另一篇博客android应用开发全程实录-你有多熟悉listview？，全面解析listview的）。

最后，来看下运行效果：

    

好了，就写到这里。相信大家都能明白了。这里要说下 一个问题，有很多朋友留言或者发邮件要博客中的一些源码。我在这里声明下，我不会去发任何我觉得已经在博客里介绍的非常清楚的实例的源码，有些实例我已经 把所有代码都贴出来了，还是有人要源码。。。我希望看我博客的朋友都能真正理解这个实例，能学到更多的知识，最好能有自己的改进然后再和大家一起分享。很 多朋友现在已经习惯了拿别人的源码，功能类似的就直接搬到自己项目里，这是非常不好的习惯。动动手，多写写，你会学到更多。