Android ListView CheckBox狀態錯亂

listView中包含checkBox的時候,經常會發生其中的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" >
    
    <LinearLayout 
        android:id="@+id/layout"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent">
        
        <TextView 
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    
        <CheckBox 
            android:id="@+id/checkBox"
            android:layout_width="wrap_content"
                android:layout_height="wrap_content"/>
        
    </LinearLayout>
    
</LinearLayout>

 

JAVA CODE:

package com.tony.ui.listview;

import java.util.ArrayList;
import java.util.List;

import com.tony.R;

import android.app.Activity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;

public class ListViewCheckBox extends Activity{
    
    private ListView listView;
    private List<A> list;
    private Adapter1 adapter1;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.listview_checkbox);
        initDate();
        listView = (ListView)findViewById(R.id.listView);
        adapter1 = new Adapter1();
        listView.setAdapter(adapter1);
    }
    
    
    /**
     * 模擬40個數據，奇數數據為選中狀態，偶數數據為非選中狀態
     */
    private void initDate(){
        list = new ArrayList<A>();
        A a;
        for(int i=0;i<40;i++){
            if(i%2==0){
                a = new A(i+"號位",A.TYPE_NOCHECKED);
                list.add(a);
            }else{
                a = new A(i+"號位",A.TYPE_CHECKED);
                list.add(a);
            }
        }
    }
    
    class Adapter1 extends BaseAdapter{

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            final int index = position;
            ViewHolder viewHolder;
            if(convertView == null){
                viewHolder = new ViewHolder();
                convertView = LayoutInflater.from(ListViewCheckBox.this).inflate(R.layout.listview_checkbox_item, null);
                viewHolder.layout = (LinearLayout)convertView.findViewById(R.id.layout);
                viewHolder.textView = (TextView)convertView.findViewById(R.id.textView);
                viewHolder.checkBox = (CheckBox)convertView.findViewById(R.id.checkBox);
                convertView.setTag(viewHolder);
            }else{
                viewHolder = (ViewHolder)convertView.getTag();
            }
            
            
            viewHolder.textView.setText(list.get(position).name);
            if(list.get(position).type == A.TYPE_CHECKED){
                viewHolder.checkBox.setChecked(true);
            }else{
                viewHolder.checkBox.setChecked(false);
            }
            
            /*點擊checkBox所在行改變checkBox狀態*/
            /*final ViewHolder vv = viewHolder;
            viewHolder.layout.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View v) {
                    if(vv.checkBox.isChecked()){
                        vv.checkBox.setChecked(false);
                        list.get(index).type = TYPE_CHECKED;
                    }else{
                        vv.checkBox.setChecked(true);
                        list.get(index).type = TYPE_NOCHECKED;
                    }
                    
                }
            });*/
            
            viewHolder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    if(isChecked){
                        list.get(index).type = A.TYPE_CHECKED;
                    }else{
                        list.get(index).type = A.TYPE_NOCHECKED;
                    }
                }
            });
            
            return convertView;
        }
    }
    
    class ViewHolder{
        LinearLayout layout;
        TextView textView;
        CheckBox checkBox;
    }
    
    class A {
        
        public static final int TYPE_CHECKED = 1;
        public static final int TYPE_NOCHECKED = 0;
        
        String name;
        int type;
        
        public A(String name,int type){
            this.name = name;
            this.type = type;
        }
    }
}

 

以上代碼就是根據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值是最新的,而依然不會錯亂.

 

代碼示例:

class Adapter1 extends BaseAdapter{

        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public Object getItem(int position) {
            return null;
        }

        @Override
        public long getItemId(int position) {
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            final int index = position;
            ViewHolder viewHolder;
            if(convertView == null){
                viewHolder = new ViewHolder();
                convertView = LayoutInflater.from(ListViewCheckBox.this).inflate(R.layout.listview_checkbox_item, null);
                viewHolder.layout = (LinearLayout)convertView.findViewById(R.id.layout);
                viewHolder.textView = (TextView)convertView.findViewById(R.id.textView);
                viewHolder.checkBox = (CheckBox)convertView.findViewById(R.id.checkBox);
                convertView.setTag(viewHolder);
            }else{
                viewHolder = (ViewHolder)convertView.getTag();
            }
            
            viewHolder.checkBox.setOnCheckedChangeListener(new OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    if(isChecked){
                        list.get(index).type = A.TYPE_CHECKED;
                    }else{
                        list.get(index).type = A.TYPE_NOCHECKED;
                    }
                }
            });
            
            viewHolder.textView.setText(list.get(position).name);
            if(list.get(position).type == A.TYPE_CHECKED){
                viewHolder.checkBox.setChecked(true);
            }else{
                viewHolder.checkBox.setChecked(false);
            }
            return convertView;
        }
    }

 

 

總結:

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