完美解决Android在listview添加checkbox实现单选多选操作问题

http://blog.csdn.net/simtice/article/details/7068774

在Android某些开发需求当中，有时候需要在listveiw中加入checkbox实现单选，多选操作。表面上看上去只是改变checkbox那么简单，然而实际开发中，实现起来并不是那么得心应手。尤其当listview比较多(比如屏幕最多只能显示10个item，但总共有12个item，也就是说listview的item数大于屏幕能够显示的item数)滑动屏幕的时候，由于适配器中getview()会重复使用被移除屏幕的item，所以会造成checkbox选择状态不正常的现象。自己在开发中碰到这样的问题很是苦恼，查了下资料，发现网上很少没有针对这类批量操作并没有一个完整的例子。搜了很多篇帖子才完美的实现这一常用的操作。所以在这里把这个Demo贴出来，供大家参考，希望能对大家有所帮助。

主界面的布局main.xml 这个就不多说什么

view plain

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="wrap_content"
5. android:orientation="vertical">
6. <LinearLayout
7. android:orientation="vertical"
8. android:layout_width="fill_parent"
9. android:layout_height="wrap_content"
10. >
11. <TextView
12. android:id="@+id/tv"
13. android:layout_width="fill_parent"
14. android:layout_height="50dip"
15. android:textColor="#FCFCFC"
16. android:textSize="11pt"
17. android:gravity="center_vertical"
18. android:layout_marginLeft="10dip"
19. />
20. <ListView
21. android:id="@+id/lv"
22. android:layout_width="fill_parent"
23. android:layout_height="381dip"
24. android:cacheColorHint="#00000000"
25. ></ListView>
26. </LinearLayout>
27. <RelativeLayout
28. android:layout_width="fill_parent"
29. android:layout_height="53dip"
30. android:orientation="horizontal"
31. >
32. <Button
33. android:id="@+id/selectall"
34. android:layout_width="80dip"
35. android:layout_height="50dip"
36. android:layout_marginLeft="20dip"
37. android:text="全选"
38. android:gravity="center"
39. />
40. <Button
41. android:id="@+id/inverseselect"
42. android:layout_width="80dip"
43. android:layout_height="50dip"
44. android:layout_marginLeft="118dip"
45. android:text="反选"
46. android:gravity="center"
47. />
48. <Button
49. android:id="@+id/cancel"
50. android:layout_width="80dip"
51. android:layout_height="50dip"
52. android:layout_marginLeft="213dip"
53. android:text="取消已选"
54. android:gravity="center"
55. />
56. </RelativeLayout>
57. </LinearLayout>

ListView每个item的布局,listviewitem.xml：

这里需要注意的是，由于checkbox的点击事件优先级比listview的高，所以要添加android:focusable="false"属性，使得checkbox初始的时候没有获取焦点。

另外这里是点击ListView的item控制checkbox的状态改变，也就是让item接收clik事件，所以需要加上android:focusableInTouchMode="false"这一属性。

view plain

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="fill_parent"
4. android:layout_height="55dip"
5. android:orientation="horizontal"
6. android:layout_marginTop="20dip"
7. >
8. <TextView
9. android:id="@+id/item_tv"
10. android:layout_width="267dip"
11. android:layout_height="40dip"
12. android:textSize="10pt"
13. android:gravity="center_vertical"
14. android:layout_marginLeft="10dip"
15. />
16. <CheckBox
17. android:id="@+id/item_cb"
18. android:layout_width="wrap_content"
19. android:layout_height="wrap_content"
20. android:focusable="false"
21. android:focusableInTouchMode="false"
22. android:clickable="false"
23. android:layout_toRightOf="@id/item_tv"
24. android:layout_alignParentTop="true"
25. android:layout_marginRight="5dip"
27. />
28. </RelativeLayout>

ViewHolder类

view plain

1. packagesimtice.test.listview.viewholder;
2. importandroid.widget.CheckBox;
3. importandroid.widget.TextView;
5. publicclassViewHolder{
6. publicTextViewtv=null;
7. publicCheckBoxcb=null;
8. }

为listview自定义适配器，该类为主Activity类MainActivity.java的内部类

view plain

1. publicstaticclassMyAdapterextendsBaseAdapter{
2. publicstaticHashMap<Integer,Boolean>isSelected;
3. privateContextcontext=null;
4. privateLayoutInflaterinflater=null;
5. privateList<HashMap<String,Object>>list=null;
6. privateStringkeyString[]=null;
7. privateStringitemString=null;//记录每个item中textview的值
8. privateintidValue[]=null;//id值
10. publicMyAdapter(Contextcontext,List<HashMap<String,Object>>list,
11. intresource,String[]from,int[]to){
12. this.context=context;
13. this.list=list;
14. keyString=newString[from.length];
15. idValue=newint[to.length];
16. System.arraycopy(from,0,keyString,0,from.length);
17. System.arraycopy(to,0,idValue,0,to.length);
18. inflater=LayoutInflater.from(context);
19. init();
20. }
22. //初始化设置所有checkbox都为未选择
23. publicvoidinit(){
24. isSelected=newHashMap<Integer,Boolean>();
25. for(inti=0;i<list.size();i++){
26. isSelected.put(i,false);
27. }
28. }
30. @Override
31. publicintgetCount(){
32. returnlist.size();
33. }
35. @Override
36. publicObjectgetItem(intarg0){
37. returnlist.get(arg0);
38. }
40. @Override
41. publiclonggetItemId(intarg0){
42. return0;
43. }
45. @Override
46. publicViewgetView(intposition,Viewview,ViewGrouparg2){
47. ViewHolderholder=null;
48. if(holder==null){
49. holder=newViewHolder();
50. if(view==null){
51. view=inflater.inflate(R.layout.listviewitem,null);
52. }
53. holder.tv=(TextView)view.findViewById(R.id.item_tv);
54. holder.cb=(CheckBox)view.findViewById(R.id.item_cb);
55. view.setTag(holder);
56. }else{
57. holder=(ViewHolder)view.getTag();
58. }
59. HashMap<String,Object>map=list.get(position);
60. if(map!=null){
61. itemString=(String)map.get(keyString[0]);
62. holder.tv.setText(itemString);
63. }
64. holder.cb.setChecked(isSelected.get(position));
65. returnview;
66. }
68. }

最后，最重要的就是MainActivity.java中一些事件响应的处理

view plain

1. publicclassMainActivityextendsActivity{
2. TextViewtv=null;
3. ListViewlv=null;
4. Buttonbtn_selectAll=null;
5. Buttonbtn_inverseSelect=null;
6. Buttonbtn_calcel=null;
7. Stringname[]={"G1","G2","G3","G4","G5","G6","G7","G8","G9",
8. "G10","G11","G12","G13","G14"};
10. ArrayList<String>listStr=null;
11. privateList<HashMap<String,Object>>list=null;
12. privateMyAdapteradapter;
14. @Override
15. publicvoidonCreate(BundlesavedInstanceState){
16. super.onCreate(savedInstanceState);
17. setContentView(R.layout.main);
18. tv=(TextView)this.findViewById(R.id.tv);
19. lv=(ListView)this.findViewById(R.id.lv);
20. btn_selectAll=(Button)this.findViewById(R.id.selectall);
21. btn_inverseSelect=(Button)this.findViewById(R.id.inverseselect);
22. btn_calcel=(Button)this.findViewById(R.id.cancel);
23. showCheckBoxListView();
25. //全选
26. btn_selectAll.setOnClickListener(newOnClickListener(){
27. @Override
28. publicvoidonClick(Viewarg0){
29. listStr=newArrayList<String>();
30. for(inti=0;i<list.size();i++){
31. MyAdapter.isSelected.put(i,true);
32. listStr.add(name[i]);
33. }
34. adapter.notifyDataSetChanged();//注意这一句必须加上，否则checkbox无法正常更新状态
35. tv.setText("已选中"+listStr.size()+"项");
36. }
37. });
39. //反选
40. btn_inverseSelect.setOnClickListener(newOnClickListener(){
41. @Override
42. publicvoidonClick(Viewv){
43. for(inti=0;i<list.size();i++){
44. if(MyAdapter.isSelected.get(i)==false){
45. MyAdapter.isSelected.put(i,true);
46. listStr.add(name[i]);
47. }
48. else{
49. MyAdapter.isSelected.put(i,false);
50. listStr.remove(name[i]);
51. }
52. }
53. adapter.notifyDataSetChanged();
54. tv.setText("已选中"+listStr.size()+"项");
55. }
57. });
59. //取消已选
60. btn_calcel.setOnClickListener(newOnClickListener(){
61. @Override
62. publicvoidonClick(Viewv){
63. for(inti=0;i<list.size();i++){
64. if(MyAdapter.isSelected.get(i)==true){
65. MyAdapter.isSelected.put(i,false);
66. listStr.remove(name[i]);
67. }
68. }
69. adapter.notifyDataSetChanged();
70. tv.setText("已选中"+listStr.size()+"项");
71. }
73. });
74. }
76. //显示带有checkbox的listview
77. publicvoidshowCheckBoxListView(){
78. list=newArrayList<HashMap<String,Object>>();
79. for(inti=0;i<name.length;i++){
80. HashMap<String,Object>map=newHashMap<String,Object>();
81. map.put("item_tv",name[i]);
82. map.put("item_cb",false);
83. list.add(map);
85. adapter=newMyAdapter(this,list,R.layout.listviewitem,
86. newString[]{"item_tv","item_cb"},newint[]{
87. R.id.item_tv,R.id.item_cb});
88. lv.setAdapter(adapter);
89. listStr=newArrayList<String>();
90. lv.setOnItemClickListener(newOnItemClickListener(){
92. @Override
93. publicvoidonItemClick(AdapterView<?>arg0,Viewview,
94. intposition,longarg3){
95. ViewHolderholder=(ViewHolder)view.getTag();
96. holder.cb.toggle();//在每次获取点击的item时改变checkbox的状态
97. MyAdapter.isSelected.put(position,holder.cb.isChecked());//同时修改map的值保存状态
98. if(holder.cb.isChecked()==true){
99. listStr.add(name[position]);
100. }else{
101. listStr.remove(name[position]);
102. }
103. tv.setText("已选中"+listStr.size()+"项");
104. }
106. });
107. }
108. }
110. //为listview自定义适配器内部类
111. publicstaticclassMyAdapterextendsBaseAdapter{
112. ...
113. }
114. }

好了，来看运行结果

我选择了G2、G3、G11三项，现在屏幕滑动到底部，看以看到状态保存的很好，TextView显示已选中3项。全选、反选、取消已选功能正常，多选操作完美解决！