Android ListView CheckBox狀態錯亂

本文來自: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                 @Override
113                 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         @Override
14         public long getItemId(int position) {
15             return 0;
16         }
17 
18         @Override
19         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                 @Override
35                 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狀態的代碼之前即可. "


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章