Android ListView CheckBox狀態錯亂

標籤：android   blog   http   java   檔案   資料   

 

轉自：http://www.cnblogs.com/wujd/archive/2012/08/17/2635309.html

listView中包含checkBox的時候,經常會發生其中的checkBox錯亂的問題,大多時候的代碼如下：

先看一下：奇數行為選中狀態，偶數行為非選中狀態

 

具體代碼：

布局檔案：

 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      7     <LinearLayout  8         android:id="@+id/layout" 9         android:layout_width="fill_parent"10         android:layout_height="fill_parent">11         12         <TextView 13             android:id="@+id/textView"14             android:layout_width="wrap_content"15             android:layout_height="wrap_content"/>16     17         <CheckBox 18             android:id="@+id/checkBox"19             android:layout_width="wrap_content"20                 android:layout_height="wrap_content"/>21         22     </LinearLayout>23     24 </LinearLayout>

 

JAVA CODE:

  1 package com.tony.ui.listview;  2   3 import java.util.ArrayList;  4 import java.util.List;  5   6 import com.tony.R;  7   8 import android.app.Activity;  9 import android.os.Bundle; 10 import android.view.LayoutInflater; 11 import android.view.View; 12 import android.view.ViewGroup; 13 import android.widget.BaseAdapter; 14 import android.widget.CheckBox; 15 import android.widget.CompoundButton; 16 import android.widget.CompoundButton.OnCheckedChangeListener; 17 import android.widget.LinearLayout; 18 import android.widget.ListView; 19 import android.widget.TextView; 20  21 public class ListViewCheckBox extends Activity{ 22      23     private ListView listView; 24     private List<A> list; 25     private Adapter1 adapter1; 26      27     @Override 28     protected void onCreate(Bundle savedInstanceState) { 29         super.onCreate(savedInstanceState); 30         setContentView(R.layout.listview_checkbox); 31         initDate(); 32         listView = (ListView)findViewById(R.id.listView); 33         adapter1 = new Adapter1(); 34         listView.setAdapter(adapter1); 35     } 36      37      38     /** 39      * 類比40個資料，奇數資料為選中狀態，偶數資料為非選中狀態 40      */ 41     private void initDate(){ 42         list = new ArrayList<A>(); 43         A a; 44         for(int i=0;i<40;i++){ 45             if(i%2==0){ 46                 a = new A(i+"號位",A.TYPE_NOCHECKED); 47                 list.add(a); 48             }else{ 49                 a = new A(i+"號位",A.TYPE_CHECKED); 50                 list.add(a); 51             } 52         } 53     } 54      55     class Adapter1 extends BaseAdapter{ 56  57         @Override 58         public int getCount() { 59             return list.size(); 60         } 61  62         @Override 63         public Object getItem(int position) { 64             return null; 65         } 66  67         @Override 68         public long getItemId(int position) { 69             return 0; 70         } 71  72         @Override 73         public View getView(int position, View convertView, ViewGroup parent) { 74             final int index = position; 75             ViewHolder viewHolder; 76             if(convertView == null){ 77                 viewHolder = new ViewHolder(); 78                 convertView = LayoutInflater.from(ListViewCheckBox.this).inflate(R.layout.listview_checkbox_item, null); 79                 viewHolder.layout = (LinearLayout)convertView.findViewById(R.id.layout); 80                 viewHolder.textView = (TextView)convertView.findViewById(R.id.textView); 81                 viewHolder.checkBox = (CheckBox)convertView.findViewById(R.id.checkBox); 82                 convertView.setTag(viewHolder); 83             }else{ 84                 viewHolder = (ViewHolder)convertView.getTag(); 85             } 86              87              88             viewHolder.textView.setText(list.get(position).name); 89             if(list.get(position).type == A.TYPE_CHECKED){ 90                 viewHolder.checkBox.setChecked(true); 91             }else{ 92                 viewHolder.checkBox.setChecked(false); 93             } 94              95             /*點擊checkBox所在行改變checkBox狀態*/ 96             /*final ViewHolder vv = viewHolder; 97             viewHolder.layout.setOnClickListener(new OnClickListener() { 98                 @Override 99                 public void onClick(View v) {100                     if(vv.checkBox.isChecked()){101                         vv.checkBox.setChecked(false);102                         list.get(index).type = TYPE_CHECKED;103                     }else{104                         vv.checkBox.setChecked(true);105                         list.get(index).type = TYPE_NOCHECKED;106                     }107                     108                 }109             });*/110             111             viewHolder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {112                 @Override113                 public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {114                     if(isChecked){115                         list.get(index).type = A.TYPE_CHECKED;116                     }else{117                         list.get(index).type = A.TYPE_NOCHECKED;118                     }119                 }120             });121             122             return convertView;123         }124     }125     126     class ViewHolder{127         LinearLayout layout;128         TextView textView;129         CheckBox checkBox;130     }131     132     class A {133         134         public static final int TYPE_CHECKED = 1;135         public static final int TYPE_NOCHECKED = 0;136         137         String name;138         int type;139         140         public A(String name,int type){141             this.name = name;142             this.type = type;143         }144     }145 }

 

以上代碼就是根據List集合中的對象的類型來設定checkBox是否為選中狀態，當使用者點擊checkBox的時候，程式根據checkBox是否選中來將其狀態儲存至list集合對象中，相信很多人第一次做的時候會信心滿滿地認為這樣的邏輯簡直天衣無縫。但結果是,測試的時候還沒有點擊checkBox來改變其狀態,只是簡單地上下拉動listView的時候就會發現,好像事情沒有想象的那麼簡單。

如下：

只要視力不算太差的人便一眼可以看出，按照程式的邏輯怎麼連續兩個checkBox的狀態會一樣呢，恩，肯定是模擬器神經錯亂了。

 

解決方案:

　　很多人給出的兩種解決辦法

　　1:上來就說是因為convertview對象共用的原因,不能用convetView,而是每次getView()的時候都new一個對象的view出來.這種辦法大概是用屁股想出來的.

　　2:即然錯亂,那我就自己再弄一個集合儲存checkBox的狀態,再錯亂,弄死你.即然adapter裡有一個list集合裡儲存checkBox的狀態了,為什麼還要自己再儲存一次checkBox的狀態呢,不是多此一舉嗎?

 

　　PS:提供這兩種辦法的人都沒有解釋到底是為什麼錯亂.下面來嘗試分析一下:

　　1:首先分析下viewHolder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener()...);

　　   這句話,就是給checkBox添加一個監聽器,如果checkBox的狀態改變了,那麼系統就會自動回調裡面的onCheckedChange()方法.

         而文中onCheckedChange()方法裡寫的是記錄這次改變後checkBox狀態的代碼.

　　2:再接著分析下if(list.get(position).type == A.TYPE_CHECKED){...},這部分代碼是根據list集合裡的對象屬性初始化view裡checkBox是否應該是選擇狀態.

　　3:我上下滑動listView的時候,checkBox的狀態就錯亂了,根據第二點的分析,無論如何checkBox的狀態都不會錯亂,除非list集合裡對象的屬性已經被改變了,到底是什麼地方改變了它?

　　4:文中只有一個地方寫了改變list集合裡checkBox對象屬性的地方,那就是第一點裡提到的OnCheckedChangeListener()方法。它被執行了?

　　　怎麼回事，不可能吧,打個斷點,跑一下便知上下滑動listView的時候確實停了下來.

　　5:這便是convertView的功能,因為不管listView裡顯示多少條資料,都只是共用那麼幾個對象,然後我們的代碼每一次把得到的對象重新賦值而已。

　　　對了,正是在這賦值的時候出了問題,假設android系統給我們產生了10個共用view對象,第一個view對象在第一屏的時候需要顯示成"未選擇"狀態,而到了第二屏的時候,卻要顯示成"選擇"狀態,但由於是共用的同一個對象,根據第一點得知當checkBox的狀態改變的時候,會調用onCheckedChange()方法。

　　6:也許有人會懷疑就算它調用了onCheckedChanged()方法,那又如何?onCheckedChange()方法裡的代碼還是將當前是否為選中狀態儲存到了list集合裡,當我再次顯示時還是會根據第二點裡提到的代碼來正確地顯示,是的,代碼會根據當前index來改變list集體的屬性.關鍵就在這裡,這個index真的是對的嗎?測試一下便知:

　　　　

　　　　在onCheckedChange()方法裡列印一下index,　當快速向下滑動的時候,index的值如下:　

     

　　7:共用的對象有10(這裡舉例,並不是一定)個,當onCheckedChange()方法調用的時候,至少也是共用對象用光的時候,再從第一個共用對象用的時候才會列印,那時的index也應該是從10開始，為什麼列印的結果裡會出現0?

　　8:這是由於代碼的順序決定的，根據上面的代碼可以看出,添加監聽器的代碼在初始化checkBox屬性的代碼之後,也就是說當初始化checkBox屬性時,由於可能改變其狀態,導致調用了onCheckedChange()方法,而這個監聽器是在上一次初始化的時候添加的,那麼當然其index就是上一次的positon值,而不是本次的,所以每次儲存checkBox屬性狀態的時候，都把值賦到的list集合裡其它對象上去了,而不是與本次index相關的對象上,這才是發生莫名其妙錯亂的真正原因.

　　9:解決辦法:由於是因為index錯誤造成的,那麼只要保證index值與當前positon保持一至即可,只要把添加監聽器的方法加到初始化view中checkBox狀態的代碼之前即可.這樣即始由於初始化造成調用了onCheckedChange()方法，也因為其中index值是最新的,而依然不會錯亂.

 

程式碼範例:

 1 class Adapter1 extends BaseAdapter{ 2  3         @Override 4         public int getCount() { 5             return list.size(); 6         } 7  8         @Override 9         public Object getItem(int position) {10             return null;11         }12 13         @Override14         public long getItemId(int position) {15             return 0;16         }17 18         @Override19         public View getView(int position, View convertView, ViewGroup parent) {20             final int index = position;21             ViewHolder viewHolder;22             if(convertView == null){23                 viewHolder = new ViewHolder();24                 convertView = LayoutInflater.from(ListViewCheckBox.this).inflate(R.layout.listview_checkbox_item, null);25                 viewHolder.layout = (LinearLayout)convertView.findViewById(R.id.layout);26                 viewHolder.textView = (TextView)convertView.findViewById(R.id.textView);27                 viewHolder.checkBox = (CheckBox)convertView.findViewById(R.id.checkBox);28                 convertView.setTag(viewHolder);29             }else{30                 viewHolder = (ViewHolder)convertView.getTag();31             }32             33             viewHolder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {34                 @Override35                 public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {36                     if(isChecked){37                         list.get(index).type = A.TYPE_CHECKED;38                     }else{39                         list.get(index).type = A.TYPE_NOCHECKED;40                     }41                 }42             });43             44             viewHolder.textView.setText(list.get(position).name);45             if(list.get(position).type == A.TYPE_CHECKED){46                 viewHolder.checkBox.setChecked(true);47             }else{48                 viewHolder.checkBox.setChecked(false);49             }50             return convertView;51         }52     }

 

 

總結:

　　其實解決辦法就一句話,"只要把添加監聽器的方法加到初始化view中checkBox狀態的代碼之前即可. "