android UI進階之實現listview中checkbox的多選與記錄

今天繼續和大家分享涉及到listview的內容。在很多時候，我們會用到listview和checkbox配合來提供給使用者一些選擇操作。比如在一個清單頁面，我們需要記錄使用者勾選了哪些條目。這個的實現並不太難，但是有很多朋友來問我如何?，他們有遇到各種各樣的問題，這裡就一併寫出來和大家一起分享。

ListView的操作就一定會涉及到item和Adapter，我們還是先來實現這部分內容。

首先，寫個item的xml布局，裡面放置一個TextView和一個CheckBox。要注意的時候，這裡我設定了CheckBox沒有焦點，這樣的話，無法單獨點擊checkbox，而是在點擊listview的條目後，Checkbox會響應操作。

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="fill_parent"    android:orientation="horizontal" >    <TextView        android:id="@+id/item_tv"        android:layout_width="0dp"        android:layout_height="wrap_content"        android:layout_weight="1"        android:gravity="center_vertical"         />    <CheckBox        android:id="@+id/item_cb"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:clickable="false"        android:focusable="false"        android:focusableInTouchMode="false"         android:gravity="center_vertical"        /></LinearLayout>

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

package com.notice.listcheck;import java.util.ArrayList;import java.util.HashMap;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.CheckBox;import android.widget.TextView;public class MyAdapter extends BaseAdapter{// 填充資料的listprivate ArrayList<String> list;// 用來控制CheckBox的選中狀況private static HashMap<Integer,Boolean> isSelected;// 上下文private Context context;// 用來匯入布局private LayoutInflater inflater = null;// 構造器public MyAdapter(ArrayList<String> list, Context context) {this.context = context;this.list = list;inflater = LayoutInflater.from(context);isSelected = new HashMap<Integer, Boolean>();// 初始化資料initDate();}// 初始化isSelected的資料private void initDate(){for(int i=0; i<list.size();i++) {getIsSelected().put(i,false);}}@Overridepublic int getCount() {return list.size();}@Overridepublic Object getItem(int position) {return list.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if (convertView == null) {// 獲得ViewHolder對象holder = new ViewHolder();// 匯入布局並賦值給convertviewconvertView = inflater.inflate(R.layout.listviewitem, null);holder.tv = (TextView) convertView.findViewById(R.id.item_tv);holder.cb = (CheckBox) convertView.findViewById(R.id.item_cb);// 為view設定標籤convertView.setTag(holder);} else {// 取出holderholder = (ViewHolder) convertView.getTag();}// 設定list中TextView的顯示holder.tv.setText(list.get(position));// 根據isSelected來設定checkbox的選中狀況holder.cb.setChecked(getIsSelected().get(position));return convertView;}public static HashMap<Integer,Boolean> getIsSelected() {return isSelected;}public static void setIsSelected(HashMap<Integer,Boolean> isSelected) {MyAdapter.isSelected = isSelected;}}

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

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

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

那麼我們只需要在點擊事件中，控制isSelected的索引值即可控制對應位置checkbox的選中了。

在Activity中我們除了放置一個ListView外，還放置了三個按鈕，分別實現全選，取消和反選。

看下Activity類的代碼：

package com.notice.listcheck;import java.util.ArrayList;import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.Button;import android.widget.ListView;import android.widget.TextView;public class Ex_checkboxActivity extends Activity {        private ListView lv;    private MyAdapter mAdapter;    private ArrayList<String> list;    private Button bt_selectall;    private Button bt_cancel;    private Button bt_deselectall;    private int checkNum; // 記錄選中的條目數量    private TextView tv_show;// 用於顯示選中的條目數量        /** Called when the activity is first created. */    @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        /* 執行個體化各個控制項 */        lv = (ListView) findViewById(R.id.lv);        bt_selectall = (Button) findViewById(R.id.bt_selectall);        bt_cancel = (Button) findViewById(R.id.bt_cancelselectall);        bt_deselectall = (Button) findViewById(R.id.bt_deselectall);        tv_show = (TextView) findViewById(R.id.tv);        list = new ArrayList<String>();        // 為Adapter準備資料        initDate();        // 執行個體化自訂的MyAdapter        mAdapter = new MyAdapter(list, this);        // 綁定Adapter        lv.setAdapter(mAdapter);        // 全選按鈕的回調介面        bt_selectall.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // 遍曆list的長度，將MyAdapter中的map值全部設為true                for (int i = 0; i < list.size(); i++) {                    MyAdapter.getIsSelected().put(i, true);                }                // 數量設為list的長度                checkNum = list.size();                // 重新整理listview和TextView的顯示                dataChanged();            }        });        // 取消按鈕的回調介面        bt_cancel.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // 遍曆list的長度，將已選的按鈕設為未選                for (int i = 0; i < list.size(); i++) {                    if (MyAdapter.getIsSelected().get(i)) {                        MyAdapter.getIsSelected().put(i, false);                        checkNum--;// 數量減1                    }                }                // 重新整理listview和TextView的顯示                dataChanged();            }        });        // 反選按鈕的回調介面        bt_deselectall.setOnClickListener(new OnClickListener() {            @Override            public void onClick(View v) {                // 遍曆list的長度，將已選的設為未選，未選的設為已選                for (int i = 0; i < list.size(); i++) {                    if (MyAdapter.getIsSelected().get(i)) {                        MyAdapter.getIsSelected().put(i, false);                        checkNum--;                    } else {                        MyAdapter.getIsSelected().put(i, true);                        checkNum++;                    }                }                // 重新整理listview和TextView的顯示                dataChanged();            }        });                // 綁定listView的監聽器        lv.setOnItemClickListener(new OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,                    long arg3) {                // 取得ViewHolder對象，這樣就省去了通過層層的findViewById去執行個體化我們需要的cb執行個體的步驟　　　　　　　　　　ViewHolder holder = (ViewHolder) arg1.getTag();                // 改變CheckBox的狀態                holder.cb.toggle();                // 將CheckBox的選中狀況記錄下來                MyAdapter.getIsSelected().put(arg2, holder.cb.isChecked());                 // 調整選定條目                if (holder.cb.isChecked() == true) {                    checkNum++;                } else {                    checkNum--;                }                // 用TextView顯示                tv_show.setText("已選中"+checkNum+"項");                            }        });    }    // 初始化資料    private void initDate() {        for (int i = 0; i < 15; i++) {            list.add("data" + "   " + i);        }    }    // 重新整理listview和TextView的顯示    private void dataChanged() {        // 通知listView重新整理        mAdapter.notifyDataSetChanged();        // TextView顯示最新的選中數目        tv_show.setText("已選中" + checkNum + "項");    }    }

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

 holder.cb.toggle();

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

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

而其他幾個Button的點擊事件，都是通過遍曆list的長度來設定isSelected的值，進而通知listview根據已經變化的adapter重新整理，來實現Checkbox的對應選中狀態。因為對listview的處理中我們仍然使用了ViewHolder來最佳化ListView的效率（通過findViewById層層尋找是比較耗時的，這裡不瞭解的朋友可以看我另一篇部落格android應用開發全程實錄-你有多熟悉listview？，全面解析listview的）。

最後，來看下運行效果：

 

 
  

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