Android开发：实现带图片和checkbox的listview

http://mobile.51cto.com/android-254823.htm

项目要用到一个listview，要求是可以显示图片，后面还有有复选框。

先新建一个MyAdapter类，继承自BaseAdapter。在MyAdapter中实现对数据的绑定，我这儿由于是测试的，所以把数据写死了。

Java代码

1. packagecom.zwq.umeng;
3. importjava.util.ArrayList;
4. importjava.util.HashMap;
5. importjava.util.List;
6. importjava.util.Map;
8. importandroid.content.Context;
9. importandroid.view.LayoutInflater;
10. importandroid.view.View;
11. importandroid.view.ViewGroup;
12. importandroid.widget.BaseAdapter;
13. importandroid.widget.CheckBox;
14. importandroid.widget.ImageView;
15. importandroid.widget.TextView;
17. publicclassMyAdapterextendsBaseAdapter{
18. privateLayoutInflatermInflater;
19. privateList<Map<String,Object>>mData;
20. publicstaticMap<Integer,Boolean>isSelected;
22. publicMyAdapter(Contextcontext){
23. mInflater=LayoutInflater.from(context);
24. init();
25. }
27. //初始化
28. privatevoidinit(){
29. mData=newArrayList<Map<String,Object>>();
30. for(inti=0;i<5;i++){
31. Map<String,Object>map=newHashMap<String,Object>();
32. map.put("img",R.drawable.icon);
33. map.put("title","第"+(i+1)+"行的标题");
34. mData.add(map);
35. }
36. //这儿定义isSelected这个map是记录每个listitem的状态，初始状态全部为false。
37. isSelected=newHashMap<Integer,Boolean>();
38. for(inti=0;i<mData.size();i++){
39. isSelected.put(i,false);
40. }
41. }
43. @Override
44. publicintgetCount(){
45. returnmData.size();
46. }
48. @Override
49. publicObjectgetItem(intposition){
50. returnnull;
51. }
53. @Override
54. publiclonggetItemId(intposition){
55. return0;
56. }
58. @Override
59. publicViewgetView(intposition,ViewconvertView,ViewGroupparent){
60. ViewHolderholder=null;
61. //convertView为null的时候初始化convertView。
62. if(convertView==null){
63. holder=newViewHolder();
64. convertView=mInflater.inflate(R.layout.vlist,null);
65. holder.img=(ImageView)convertView.findViewById(R.id.img);
66. holder.title=(TextView)convertView.findViewById(R.id.title);
67. holder.cBox=(CheckBox)convertView.findViewById(R.id.cb);
68. convertView.setTag(holder);
69. }else{
70. holder=(ViewHolder)convertView.getTag();
71. }
72. holder.img.setBackgroundResource((Integer)mData.get(position).get(
73. "img"));
74. holder.title.setText(mData.get(position).get("title").toString());
75. holder.cBox.setChecked(isSelected.get(position));
76. returnconvertView;
77. }
79. publicfinalclassViewHolder{
80. publicImageViewimg;
81. publicTextViewtitle;
82. publicCheckBoxcBox;
83. }
84. }

上面类中要注意getView()方法中对数据的处理。

接下要新建一个list.xml文件，这个就是布局image、textview、checkbox。

Java代码

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
3. android:orientation="horizontal"
4. android:layout_width="fill_parent"
5. android:layout_height="fill_parent"
6. >
7. <ImageView
8. android:id="@+id/img"
9. android:layout_width="wrap_content"
10. android:layout_height="wrap_content"
11. android:layout_gravity="center_vertical"/>
12. <TextView
13. android:id="@+id/title"
14. android:textSize="18dip"
15. android:layout_weight="1"
16. android:layout_width="wrap_content"
17. android:layout_height="wrap_content"/>
18. <CheckBox
19. android:id="@+id/cb"
20. android:layout_width="wrap_content"
21. android:layout_height="wrap_content"
22. android:focusable="false"
23. android:focusableInTouchMode="false"
24. android:clickable="false"
25. android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>
26. </LinearLayout>

android:layout_weight="1"这一句可以使中间的textview权重增大，从而后面的checkbok可以居右显示。

1. android:focusable="false"
2. android:focusableInTouchMode="false"
3. android:clickable="false"

这三句很重要，如果不加就会出现错误。

由于checkbox的点击事件优先级比listview的高，所以要在checkbox中添加android:focusable="false"，使得checkbox初始的时候没有获取焦点。

接下来在main.xml中添加Listview组件

Java代码

1. <ListView
2. android:id="@+id/lv"
3. android:layout_width="fill_parent"
4. android:layout_height="wrap_content"/>

接下来就是在activity中调用：

Java代码

1. list=(ListView)findViewById(R.id.lv);
2. MyAdapteradapter=newMyAdapter(this);
3. list.setAdapter(adapter);
4. list.setItemsCanFocus(false);
5. list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);
7. list.setOnItemClickListener(newOnItemClickListener(){
8. @Override
9. publicvoidonItemClick(AdapterView<?>parent,Viewview,
10. intposition,longid){
11. ViewHoldervHollder=(ViewHolder)view.getTag();
12. //在每次获取点击的item时将对于的checkbox状态改变，同时修改map的值。
13. vHollder.cBox.toggle();
14. MyAdapter.isSelected.put(position,vHollder.cBox.isChecked());
15. }
16. });

最新看一下效果图：

要获取哪些项目被选择了，可以这样测试：

Java代码

1. OnClickListenerbPop=newOnClickListener(){
2. @Override
3. publicvoidonClick(Viewv){
4. for(inti=0;i<list.getCount();i++){
5. if(MyAdapter.isSelected.get(i)){
6. ViewHoldervHollder=(ViewHolder)list.getChildAt(i).getTag();
7. Log.i(TAG,"--onClick--"+vHollder.title.getText());
8. }
9. }
10. }
11. };