Android：實現帶圖片和CheckBox的ListView

實現在ListView的每一條List中帶圖片和CheckBox。

（1）第一步，先上布局文件：main.xml和list.xml

main.xml

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="vertical" >  
6.   
7.     <TextView  
8.         android:layout_width="fill_parent"  
9.         android:layout_height="wrap_content"  
10.         android:text="@string/hello" />  
11.     <ListView   
12.         android:id="@+id/lv"  
13.         android:layout_width="fill_parent"  
14.         android:layout_height="wrap_content"/>  
15.   
16. </LinearLayout>

list.xml

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.     <ImageView   
7.         android:id="@+id/img"  
8.         android:layout_width="wrap_content"  
9.         android:layout_height="wrap_content"  
10.         android:layout_gravity="center_vertical"/>  
11.     <TextView   
12.         android:id="@+id/title"  
13.         android:textSize="18dip"   
14.         android:layout_weight="1"      
15.         android:layout_width="wrap_content"  
16.         android:layout_height="wrap_content"/>  
17.     <CheckBox   
18.         android:id="@+id/cb"  
19.         android:layout_width="wrap_content"  
20.         android:layout_height="wrap_content"  
21.         android:focusable="false"  
22.         android:focusableInTouchMode="false"  
23.         android:clickable="false"  
24.         android:checkMark="?android:attr/listChoiceIndicatorMultiple"/>  
25. </LinearLayout>

<1>TextView中android:layout_weight="1"
這一句可以使中間的textview權重增大，從而後面的checkbok可以居右顯示。

<2>下面三句很重要，如果不加就會出現錯誤。

由於checkbox的點擊事件優先級比listview的高，所以要在checkbox中添加android:focusable="false"，使得checkbox初始的時候沒有獲取焦點。

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

（2）為給ListView匹配數據，新建一個MyAdapter類，繼承自BaseAdapter。在MyAdapter中實現對數據的綁定，在這個測試中，我把數據寫死了。

注意getView方法中對數據的處理。

MyAdapter.java

1. package com.tgb.ys.test;  
2.   
3. import java.util.ArrayList;  
4. import java.util.HashMap;  
5. import java.util.List;  
6. import java.util.Map;  
7.   
8. import android.content.Context;  
9. import android.view.LayoutInflater;  
10. import android.view.View;  
11. import android.view.ViewGroup;  
12. import android.widget.BaseAdapter;  
13. import android.widget.CheckBox;  
14. import android.widget.ImageView;  
15. import android.widget.TextView;  
16.   
17. public class MyAdapter extends BaseAdapter {  
18.   
19.     private LayoutInflater mInflater;  
20.     private List<Map<String, Object>> mData;  
21.     public static Map<Integer, Boolean> isSelected;  
22.       
23.     public MyAdapter(Context context) {  
24.         mInflater = LayoutInflater.from(context);  
25.         init();  
26.     }  
27.     //初始化   
28.     private void init() {  
29.         mData = new ArrayList<Map<String,Object>>();  
30.         for (int i=0; i<5; i++) {  
31.             Map<String, Object> map = new HashMap<String, Object>();  
32.             map.put("img", R.drawable.leaf);  
33.             map.put("title", "第" + (i+1) + "行的標題");  
34.             mData.add(map);  
35.         }  
36.         //定義isSelected這個map是記錄每個listItem的狀態，初始狀態全部為false   
37.         isSelected = new HashMap<Integer, Boolean>();  
38.         for (int i=0; i<mData.size(); i++) {  
39.             isSelected.put(i, false);  
40.         }  
41.     }  
42.       
43.     public int getCount() {  
44.         // TODO Auto-generated method stub   
45.         return mData.size();  
46.     }  
47.   
48.     public Object getItem(int position) {  
49.         // TODO Auto-generated method stub   
50.         return null;  
51.     }  
52.   
53.     public long getItemId(int position) {  
54.         // TODO Auto-generated method stub   
55.         return 0;  
56.     }  
57.   
58.     public View getView(int position, View convertView, ViewGroup parent) {  
59.         ViewHolder holder = null;  
60.         //convertView為null的時候初始化convertView   
61.         if (convertView == null) {  
62.             holder = new ViewHolder();  
63.             convertView = mInflater.inflate(R.layout.vlist, null);  
64.             holder.img = (ImageView)convertView.findViewById(R.id.img);  
65.             holder.title = (TextView)convertView.findViewById(R.id.title);  
66.             holder.cBox = (CheckBox)convertView.findViewById(R.id.cb);  
67.             convertView.setTag(holder);  
68.         } else {  
69.             holder = (ViewHolder)convertView.getTag();  
70.         }  
71.         holder.img.setBackgroundResource((Integer)mData.get(position).get("img"));  
72.         holder.title.setText(mData.get(position).get("title").toString());  
73.         holder.cBox.setChecked(isSelected.get(position));  
74.         return convertView;  
75.     }  
76.       
77.     public final class ViewHolder {  
78.         public ImageView img;  
79.         public TextView title;  
80.         public CheckBox cBox;  
81.     } 
82. }

（3）在Activity中調用：

TestCheckBoxActivity.java

1. package com.tgb.ys.test;  
2.   
3. import android.app.Activity;  
4. import android.os.Bundle;  
5. import android.view.View;  
6. import android.widget.AdapterView;  
7. import android.widget.AdapterView.OnItemClickListener;  
8. import android.widget.ListView;  
9.   
10. import com.tgb.ys.test.MyAdapter.ViewHolder;  
11.   
12. /** 
13.  * 總結： 
14.  * 1、數據可以在Activity中獲取，在初始化Adapter的時候當做參數傳遞過去，這樣就可以是list編程動態的。 
15.  * 2、對MyAdapter中getview的理解不夠，尤其是convertView.setTag(holder), 
16.  * @author Administrator 
17.  */  
18. public class TestCheckBoxActivity extends Activity {  
19.     /** Called when the activity is first created. */  
20.     @Override  
21.     public void onCreate(Bundle savedInstanceState) {  
22.         super.onCreate(savedInstanceState);  
23.         setContentView(R.layout.main);  
24.           
25.         ListView list = (ListView)findViewById(R.id.lv);  
26.         MyAdapter adapter = new MyAdapter(this);  
27.         list.setAdapter(adapter);  
28.         list.setItemsCanFocus(false);  
29.         list.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  
30.         list.setOnItemClickListener(new OnItemClickListener() {  
31.   
32.             public void onItemClick(AdapterView<?> parent, View view, int position,  
33.                     long id) {  
34.                 // TODO Auto-generated method stub   
35.                 ViewHolder vHolder = (ViewHolder)view.getTag();  
36.                 //在每次獲取點擊的item時將對應的checkBox狀態改變，同時修改map的值   
37.                 vHolder.cBox.toggle();  
38.                 MyAdapter.isSelected.put(position, vHolder.cBox.isChecked());  
39.             }  
40.         });  
41.     }  
42. }

（4）上結果圖：