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" >
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"/>
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;
3. import java.util.ArrayList;
4. import java.util.HashMap;
5. import java.util.List;
6. import java.util.Map;
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;
17. public class MyAdapter extends BaseAdapter {
19. private LayoutInflater mInflater;
20. private List<Map<String, Object>> mData;
21. public static Map<Integer, Boolean> isSelected;
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. }
43. public int getCount() {
44. // TODO Auto-generated method stub
45. return mData.size();
46. }
48. public Object getItem(int position) {
49. // TODO Auto-generated method stub
50. return null;
51. }
53. public long getItemId(int position) {
54. // TODO Auto-generated method stub
55. return 0;
56. }
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. }
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;
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;
10. import com.tgb.ys.test.MyAdapter.ViewHolder;
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);
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() {
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）上結果圖：