关于ListVIew加载数据混乱的问题分析和解决

---恢复内容开始---

ListView是每个开发者必玩的东西了，这里分析一个非常重要也是我们常常忽略的一个细节。

一、讲这个问题之前我们需要先知道ListView的加载显示原理

 

这个图讲的便是显示原理（网上找的，版权问题不要找我，哈哈），看不懂不要紧，我具体说一下。ListView采用的是一种可复用的item布局的显示模型来加载布局的，也就是说，ListView有一个item回收站（Recycler），每当ListView里新出现一个item(例如向上滑动的时候，底部新增item)，ListView都会从回收站里拿出一个之前存好的item的布局出来给新出现的item做布局，那么回收站里的Item从哪里来的呢？例如当你向上滑动的时候顶部的item（图item1）已经滚到屏幕外了，这个滚到屏幕外的item就随之被回收站拿走了，与此同时将这个item的布局给底部新进来的item(图item8)。当你继续向上滚，于是item2回收，回收站拿给item9，如此反复刚才这个过程,这就使得ListView可以通过回收站放很多item。如果你项下滑动，哈哈 ，当然是同理，下面滚出去的进了回收站给上面进来的用。

再结合代码分析这个过程：

//当向上滑动时adapter会调用getView这个方法
public View getView(int position, View convertView, ViewGroup parent){
    //这个方法所返回的值便是底部新增的item的布局View，由adapter传进来的convertView便是从回收站里拿出来的刚滚出去的item的View，我们通过在代码里编辑convertView并返
　　　　//回出去，来达到我们生成一个我们指定布局的新增item。parent是使用适配器的母体，这里当然是ListView了
　　　　return covertView
}

那么我们思考一个特殊情况：初始状态

也就是说，刚才我们分析的是ListView已经铺满了item的情况下滑动时的过程，那么从空内容到铺满的过程又是怎样理解呢？实际上，过程还是和上面一样，只不过我们可以这么理解：最开始ListView里是空的，回收站也是空的，item1从最底部出现，它伸手给回收站要布局模型，回收站说我没有，这时getView传的convertView==null，这时ListView只能通过getView方法体里你代码生成一个View，比如我们可以用LayoutInflater来inflate一个xml得到一个View对象返回出去给item1。以此类推，item2伸手要模型，回收站还是没有，因为一然没有item滚出去给回收站啊，除非他喵的你一个item就满屏了。直到item7铺满整个ListView的长度，这个过程中一直都是convertView==null的。当item8从底部出现的时候 item1已经滚出屏幕，回收站拿到了item1，adapter调getView的时候终于convertView!=null了，接下来的过程便是文章开始讲的那个过程了。

 

二、回收站缓存机制下的数据加载重复的问题

了解了这个ListView的回收站缓存机制，我们大概知道自定义adapter里怎么玩了：核心不就是重写getView的方法么，于是我们很自然的就上网搜索到了ViewHolder模式写getView,例如下面这这种

package com.example.testlistview;

import java.util.ArrayList;
import java.util.HashMap;

import android.os.Bundle;
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;

public class Test extends Activity {
    ListView li;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        li=(ListView) findViewById(R.id.listView);
        ArrayList<HashMap<String,Object>> dataList=CreateData();
        adapter ad=new adapter(dataList, R.layout.item);
        li.setAdapter(ad);
        li.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                Toast.makeText(Test.this, "第"+arg2+"行", 3000).show();
                
            }
        });
    }

    public ArrayList<HashMap<String,Object>> CreateData(){
        ArrayList<HashMap<String,Object>> dataList=new ArrayList<HashMap<String,Object>>();
        for (int i = 0; i < 17; i++) {
            HashMap<String,Object> m=new HashMap<String, Object>();
            m.put("id",""+i);
            m.put("des", "des");
            dataList.add(m);
        }
        return dataList;
    }
    
    class adapter extends BaseAdapter{
        ArrayList<HashMap<String,Object>> data ;
        int itemLayout;
        LayoutInflater inf;
        public adapter(ArrayList<HashMap<String,Object>> data ,int itemLayout) {
            this.data=data;
            this.itemLayout=itemLayout;
            inf=LayoutInflater.from(Test.this);
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return data.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return data.get(position);
        }

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

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            HashMap<String,Object> d=(HashMap<String, Object>) getItem(position);
            ViewHolder vh=null;
            if(convertView==null){
                vh=new ViewHolder();
                convertView=inf.inflate(itemLayout, null);
                vh.cb=(CheckBox) convertView.findViewById(R.id.cb);
                vh.iv=(ImageView) convertView.findViewById(R.id.iv);
                convertView.setTag(vh);
            }
            else{
                vh=(ViewHolder) convertView.getTag();
            }
            vh.cb.setFocusable(false);
            return convertView;
        }
        
        class ViewHolder{
            ImageView iv;
            CheckBox cb;
        }
    }

}

 

这是个以checbox和ImageView为item元素的ListView，可是等我们跑程序来却发现问题了：当我们选择item1的checkbox时你向下滚动却发现下面的某项的checkbox也被选上了，通过我们刚才对listView显示原理的分析，不难理解这个现象：当我们点选item1的checkbox之后，进行滑动，item1滚出后被回收站回收，checkbox状态当然也是被回收的，当下面某项滚进屏幕时恰好调用回收站里的item1时，便带着checkbox的状态一起拿来了，这就导致了item1和itemx一选同选，一清除同清除，这种重复性问题。

所以，对于item上的每一个控件，必须制定各自显示规则。在Holder模式下我们在getView里操作convertView对象始终是回收站里的对象，只有制定出合理的显示规则进行更新回收站对象，才能使得返回出去的convertView被新滚进屏幕的item用来正确展现其所携带的数据层，

这里大概有三种情况：

1、比较简单的，比如TextView我们一般根据position的不同来修改Text更新到convertView里返回出去给新item。这种其实就是数据层根据postion取出相应数据给TextView。

2、当遇到含有状态的控件例如CheckBox。这种和简单TextView根本区别在于，TextView完全由程序控制显示，而CheckBox是交由用户来控制状态的，如果我们不做处理。就会出现上面说的一荣俱荣，一损俱损的局面，因为convertView是回收站里的缓存对象，item1 item8 item15都用的是同一个缓存对象，当然一动全动了，所以，必须在getVIew里区分开使用着同一个convertView的不同item哪个该勾选，哪个不该，而在getView里区别不同item的东西就只有position，于是我们自然而然的想到一种办法——将状态根据position保存起来，下次getView到此item时调取其状态进制赋值。如下

package com.example.testlistview;

import java.util.ArrayList;
import java.util.HashMap;

import android.os.Bundle;
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;

public class Test extends Activity {
    ListView li;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        li=(ListView) findViewById(R.id.listView);
        ArrayList<HashMap<String,Object>> dataList=CreateData();
        adapter ad=new adapter(dataList, R.layout.item);
        li.setAdapter(ad);
        li.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                Toast.makeText(Test.this, "第"+arg2+"行", 3000).show();
                
            }
        });
    }

    public ArrayList<HashMap<String,Object>> CreateData(){
        ArrayList<HashMap<String,Object>> dataList=new ArrayList<HashMap<String,Object>>();
        for (int i = 0; i < 17; i++) {
            HashMap<String,Object> m=new HashMap<String, Object>();
            m.put("id",""+i);
            m.put("des", "des");
            dataList.add(m);
        }
        return dataList;
    }
    
    class adapter extends BaseAdapter{
        ArrayList<HashMap<String,Object>> data ;
        int itemLayout;
        LayoutInflater inf;
        public adapter(ArrayList<HashMap<String,Object>> data ,int itemLayout) {
            this.data=data;
            this.itemLayout=itemLayout;
            inf=LayoutInflater.from(Test.this);
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return data.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return data.get(position);
        }

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

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            HashMap<String,Object> d=(HashMap<String, Object>) getItem(position);
            
            ViewHolder vh=null;
            if(convertView==null){
                vh=new ViewHolder();
                convertView=inf.inflate(itemLayout, null);
                vh.cb=(CheckBox) convertView.findViewById(R.id.cb);
                vh.iv=(ImageView) convertView.findViewById(R.id.iv);
                convertView.setTag(vh);
            }
            else{
                vh=(ViewHolder) convertView.getTag();
            }
            vh.cb.setFocusable(false);
            System.out.println(CBstate);
            //要先起一个新的状态监听
            vh.cb.setOnCheckedChangeListener(new CBcheckedListener(position));
            //然后读取状态，顺序不能弄反，一旦反了就相当于setChecked完用了上一次position的监听，把上一次保存的结果覆盖了
            vh.cb.setChecked(getState(position));
            return convertView;
        }
        //注意这里便是储存状态的仓库
        HashMap<Integer,Boolean> CBstate=new HashMap<Integer, Boolean>();
        //存储状态
        public void setState(int pos,Boolean state){
            CBstate.put(pos, state);
        }                
        //读取状态
        public Boolean getState(int pos){
            Boolean s=CBstate.get(pos);
            return s==null?false:s;
        }
        
        //这里自定义一个勾选监听的实现类，方便传递position
        class CBcheckedListener implements OnCheckedChangeListener{
            int pos=0;
            public CBcheckedListener(int pos) {
                this.pos=pos;
            }
            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                //当用户点选时触发此事件进行存储状态，下次再滚到这个position的item时会在执行上面的代码读出状态正确展示给用户
                setState(pos, isChecked);
                notifyDataSetChanged();
                
            }
            
        }
        
        
        
        class ViewHolder{
            ImageView iv;
            CheckBox cb;
        }
    }

}

再运行一遍。程序正常跑是没有问题了，但是有个不爽的地方，那就是每次滑动我都要new一个新的勾选监听对象，继续进行优化：还是这个思路，将监听器对象保存起来，做成可复用的！因为这个例子比较简单看不出来效果，一旦你的业务逻辑复杂了，new一个对象便成了一种累赘，影响ListView的顺滑。

package com.example.testlistview;

import java.util.ArrayList;
import java.util.HashMap;

import android.os.Bundle;
import android.app.Activity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;

public class Test extends Activity {
    ListView li;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test);
        li=(ListView) findViewById(R.id.listView);
        ArrayList<HashMap<String,Object>> dataList=CreateData();
        adapter ad=new adapter(dataList, R.layout.item);
        li.setAdapter(ad);
        li.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                    long arg3) {
                Toast.makeText(Test.this, "第"+arg2+"行", 3000).show();
                
            }
        });
    }

    public ArrayList<HashMap<String,Object>> CreateData(){
        ArrayList<HashMap<String,Object>> dataList=new ArrayList<HashMap<String,Object>>();
        for (int i = 0; i < 107; i++) {
            HashMap<String,Object> m=new HashMap<String, Object>();
            m.put("id",""+i);
            m.put("des", "des");
            dataList.add(m);
        }
        return dataList;
    }
    
    class adapter extends BaseAdapter{
        ArrayList<HashMap<String,Object>> data ;
        int itemLayout;
        LayoutInflater inf;
        public adapter(ArrayList<HashMap<String,Object>> data ,int itemLayout) {
            this.data=data;
            this.itemLayout=itemLayout;
            inf=LayoutInflater.from(Test.this);
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return data.size();
        }

        @Override
        public Object getItem(int position) {
            // TODO Auto-generated method stub
            return data.get(position);
        }

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

        @Override
        public View getView(final int position, View convertView, ViewGroup parent) {
            HashMap<String,Object> d=(HashMap<String, Object>) getItem(position);
            
            ViewHolder vh=null;
            if(convertView==null){
                vh=new ViewHolder();
                convertView=inf.inflate(itemLayout, null);
                vh.cb=(CheckBox) convertView.findViewById(R.id.cb);
                vh.iv=(ImageView) convertView.findViewById(R.id.iv);
                convertView.setTag(vh);
            }
            else{
                vh=(ViewHolder) convertView.getTag();
            }
            vh.cb.setFocusable(false);
            
            //先判断仓库里有没有position对应的监听器
            if(getCBL(position)==null){
                setCBL(position, new CBcheckedListener(position));
            }
            //再起状态监听
            vh.cb.setOnCheckedChangeListener(getCBL(position));
            //然后读取状态，顺序不能弄反，一旦反了就相当于setChecked完用了上一次position的监听，把上一次保存的结果覆盖了
            vh.cb.setChecked(getState(position));
            System.out.println(CBstate);
            return convertView;
        }
        //注意这里便是储存状态的仓库
        HashMap<Integer,Boolean> CBstate=new HashMap<Integer, Boolean>();
        //存储状态
        public void setState(int pos,Boolean state){
            CBstate.put(pos, state);
        }                
        //读取状态
        public Boolean getState(int pos){
            Boolean s=CBstate.get(pos);
            return s==null?false:s;
        }
        
        //保存监听器的仓库
        HashMap<Integer,CBcheckedListener> CBLStore=new HashMap<Integer, Test.adapter.CBcheckedListener>();
        //存储
        public void setCBL(int pos,CBcheckedListener cbl){
            CBLStore.put(pos, cbl);
        }
        public CBcheckedListener getCBL(int pos){
            return CBLStore.get(pos);
        }
        //这里自定义一个勾选监听的实现类，方便传递position
        class CBcheckedListener implements OnCheckedChangeListener{
            int pos=0;
            public CBcheckedListener(int pos) {
                this.pos=pos;
            }
            @Override
            public void onCheckedChanged(CompoundButton buttonView,
                    boolean isChecked) {
                //当用户点选时触发此事件进行存储状态，下次再滚到这个position的item时会在执行上面的代码读出状态正确展示给用户
                setState(pos, isChecked);
                notifyDataSetChanged();
                
            }
            
        }
        
        
        
        class ViewHolder{
            ImageView iv;
            CheckBox cb;
        }
    }

}

 

3,、绑定着点击、滑动、触摸事件的控件，这种情况比第二种更为复杂，也是大项目最频繁遇到的。这里我举一个简单的场景：item里有一个ImageView(简称)。待续。。。困死了有空再写。