Android 實現listview中checkbox的多選與記錄

在很多時候，我們會用到listview和checkbox配合來提供給用戶一些選擇操作。比如在一個清單頁面，我們需要記錄用戶勾選了哪些條目。這個的實現並不太難，但是有很多朋友來問我如何實現，他們有遇到各種各樣的問題，這裏就一併寫出來和大家一起分享。ListView的操作就一定會涉及到item和Adapter，我們還是先來實現這部分內容。首先，寫個item的xml佈局，裏面放置一個TextView和一個CheckBox。要注意的時候，這裏我設置了CheckBox沒有焦點，這樣的話，無法單獨點擊checkbox，而是在點擊listview的條目後，Checkbox會響應操作。

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

複製代碼

下面就寫一個Adapter類，我們依然繼承BaseAdapter類。這裏我們使用一個HashMap<Integer,boolean>的鍵值來記錄checkbox在對應位置的選中狀況，這是本例的實現的基礎。

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

複製代碼

註釋已經寫的非常詳盡了，通過

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

複製代碼

這行代碼我們實現了設置CheckBox的選中狀況。

那麼我們只需要在點擊事件中，控制isSelected的鍵值即可控制對應位置checkbox的選中了。
在Activity中我們除了放置一個ListView外，還放置了三個按鈕，分別實現全選，取消和反選。

看下Activity類的代碼：

1. 
   
2. package com.notice.listcheck;
   
3. import java.util.ArrayList;
   
4. import android.app.Activity;
   
5. import android.os.Bundle;
   
6. import android.view.View;
   
7. import android.view.View.OnClickListener;
   
8. import android.widget.AdapterView;
   
9. import android.widget.AdapterView.OnItemClickListener;
   
10. import android.widget.Button;
    
11. import android.widget.ListView;
    
12. import android.widget.TextView;
    
13. public class Ex_checkboxActivity extends Activity {
    
14.     
    
15.     private ListView lv;
    
16.     private MyAdapter mAdapter;
    
17.     private ArrayList<String> list;
    
18.     private Button bt_selectall;
    
19.     private Button bt_cancel;
    
20.     private Button bt_deselectall;
    
21.     private int checkNum; // 記錄選中的條目數量
    
22.     private TextView tv_show;// 用於顯示選中的條目數量
    
23.     
    
24.     /** Called when the activity is first created. */
    
25.     @Override
    
26.     public void onCreate(Bundle savedInstanceState) {
    
27.         super.onCreate(savedInstanceState);
    
28.         setContentView(R.layout.main);
    
29.         /* 實例化各個控件 */
    
30.         lv = (ListView) findViewById(R.id.lv);
    
31.         bt_selectall = (Button) findViewById(R.id.bt_selectall);
    
32.         bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);
    
33.         bt_deselectall = (Button) findViewById(R.id.bt_deselectall);
    
34.         tv_show = (TextView) findViewById(R.id.tv);
    
35.         list = new ArrayList<String>();
    
36.         // 爲Adapter準備數據
    
37.         initDate();
    
38.         // 實例化自定義的MyAdapter
    
39.         mAdapter = new MyAdapter(list, this);
    
40.         // 綁定Adapter
    
41.         lv.setAdapter(mAdapter);
    
42.         // 全選按鈕的回調接口
    
43.         bt_selectall.setOnClickListener(new OnClickListener() {
    
44.             @Override
    
45.             public void onClick(View v) {
    
46.                 // 遍歷list的長度，將MyAdapter中的map值全部設爲true
    
47.                 for (int i = 0; i < list.size(); i++) {
    
48.                     MyAdapter.getIsSelected().put(i, true);
    
49.                 }
    
50.                 // 數量設爲list的長度
    
51.                 checkNum = list.size();
    
52.                 // 刷新listview和TextView的顯示
    
53.                 dataChanged();
    
54.             }
    
55.         });
    
56.         // 取消按鈕的回調接口
    
57.         bt_cancel.setOnClickListener(new OnClickListener() {
    
58.             @Override
    
59.             public void onClick(View v) {
    
60.                 // 遍歷list的長度，將已選的按鈕設爲未選
    
61.                 for (int i = 0; i < list.size(); i++) {
    
62.                     if (MyAdapter.getIsSelected().get(i)) {
    
63.                         MyAdapter.getIsSelected().put(i, false);
    
64.                         checkNum--;// 數量減1
    
65.                     }
    
66.                 }
    
67.                 // 刷新listview和TextView的顯示
    
68.                 dataChanged();
    
69.             }
    
70.         });
    
71.         // 反選按鈕的回調接口
    
72.         bt_deselectall.setOnClickListener(new OnClickListener() {
    
73.             @Override
    
74.             public void onClick(View v) {
    
75.                 // 遍歷list的長度，將已選的設爲未選，未選的設爲已選
    
76.                 for (int i = 0; i < list.size(); i++) {
    
77.                     if (MyAdapter.getIsSelected().get(i)) {
    
78.                         MyAdapter.getIsSelected().put(i, false);
    
79.                         checkNum--;
    
80.                     } else {
    
81.                         MyAdapter.getIsSelected().put(i, true);
    
82.                         checkNum++;
    
83.                     }
    
84.                 }
    
85.                 // 刷新listview和TextView的顯示
    
86.                 dataChanged();
    
87.             }
    
88.         });
    
89.         
    
90.         // 綁定listView的監聽器
    
91.         lv.setOnItemClickListener(new OnItemClickListener() {
    
92.             @Override
    
93.             public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
    
94.                     long arg3) {
    
95.                 // 取得ViewHolder對象，這樣就省去了通過層層的findViewById去實例化我們需要的cb實例的步驟　　　　　　　　　　ViewHolder holder = (ViewHolder) arg1.getTag();                // 改變CheckBox的狀態
    
96.                 holder.cb.toggle();
    
97.                 // 將CheckBox的選中狀況記錄下來
    
98.                 MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked()); 
    
99.                 // 調整選定條目
    
100.                 if (holder.cb.isChecked() == true) {
     
101.                     checkNum++;
     
102.                 } else {
     
103.                     checkNum--;
     
104.                 }
     
105.                 // 用TextView顯示
     
106.                 tv_show.setText("已選中"+checkNum+"項");
     
107.                 
     
108.             }
     
109.         });
     
110.     }
     
111.     // 初始化數據
     
112.     private void initDate() {
     
113.         for (int i = 0; i < 15; i++) {
     
114.             list.add("data" + "   " + i);
     
115.         }
     
116.     }
     
117.     // 刷新listview和TextView的顯示
     
118.     private void dataChanged() {
     
119.         // 通知listView刷新
     
120.         mAdapter.notifyDataSetChanged();
     
121.         // TextView顯示最新的選中數目
     
122.         tv_show.setText("已選中" + checkNum + "項");
     
123.     }
     
124.     
     
125. }
     

複製代碼

代碼中在item的點擊事件中，直接調用

1. 
   
2. holder.cb.toggle();
   

複製代碼

先改變CheckBox的狀態，然後將值存進map記錄下來

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

複製代碼

而其他幾個Button的點擊事件，都是通過遍歷list的長度來設置isSelected的值，進而通知listview根據已經變化的adapter刷新，來實現Checkbox的對應選中狀態。因爲對listview的處理中我們仍然使用了ViewHolder來優化ListView的效率（通過findViewById層層查找是比較耗時的.

最後，來看下運行效果：

   

好了，就寫到這裏。相信大家都能明白了。這裏要說下一個問題，有很多朋友留言或者發郵件要博客中的一些源碼。我在這裏聲明下，我不會去發任何我覺得已經在博客裏介紹的非常清楚的實例的源碼，有些實例我已經把所有代碼都貼出來了，還是有人要源碼。。。我希望看我博客的朋友都能真正理解這個實例，能學到更多的知識，最好能有自己的改進然後再和大家一起分享。很多朋友現在已經習慣了拿別人的源碼，功能類似的就直接搬到自己項目裏，這是非常不好的習慣。動動手，多寫寫，你會學到更多。

轉自：http://www.cnblogs.com/noTice520/archive/2012/02/17/2355415.html