解决ListView中滑动复用时控件的混乱问题

这个问题恐怕很多人在刚开始使用ListView时都接触到过，就是比如listview的item中有一个Button或一个CheckBox，你明明点击按键改变了他的背景图片或者问题，又或者勾选了CheckBox，但是你一滑动，发现下面你没操作的item也跟着改变了，然后你再滑动回去，结果原来item上面的操作又变没了。这就是listview中item复用时所产生的问题，下面这种图就是例子。

上图就是例子，下滑时，下面明明没有勾选的CheckBox也被勾选上了。当然 这里只是两个例子，群里的小伙伴问过几次，有的item点击字体变色，滑动时没了之类的，这些都同属于一个原理。那么该如何解决这个问题呢？
先分析下这个问题出现的原因：
listview作为一个能加载理论上无限数据的控件，他本是是不存在储存那么多item的空间的，他其实实现了一个复用的机制。先看下面这张图，图是百度的，我自己花了一份 ，太难看了，意思是一样的。

上图中一个listview有7个item，但是当他上滑是，item1渐渐消失，item8出来，其实这时候产生的item8出现的的部分就是item1消失的部分，这就是listview的复用，在这种机制下，其实这个listview总共就是对着7个item的操作，却完成了对N多数据的加载。但是这种方法就出现了上述的问题，他会时控件的事件错乱，比如item1中有一个checkbox勾选了，上拉后，item8复后，连勾选这个图像一起复用了，所以导致了listview不断滑动过程中，checkbox的勾选情况不断变化的情况。那么这种情况如何解决呢？
看下面代码：

public class TestAdapter extends BaseAdapter{    private List<String> list;    private Context context;    ViewHolder holder = null;    public static HashMap<Integer,Boolean> isCheck;    public static HashMap<Integer,Boolean> isSelect;    public TestAdapter(List<String> list, Context context) {        this.list = list;        this.context = context;        isCheck = new HashMap<Integer,Boolean>();        isSelect = new HashMap<Integer,Boolean>();        initData();    }    private void initData() {        for(int i = 0;i< list.size();i++){            isCheck.put(i,false);            setIsCheck(isCheck);            isSelect.put(i,false);        }    }    @Override    public int getCount() {        return list.size();    }    @Override    public Object getItem(int position) {        return list.get(position);    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(final int position, View convertView, ViewGroup parent) {        if(convertView == null){            holder = new ViewHolder();            convertView = LayoutInflater.from(context).inflate(R.layout.item,parent,false);            holder.button = (Button) convertView.findViewById(R.id.button);            holder.checkBox = (CheckBox) convertView.findViewById(R.id.check_box);            convertView.setTag(holder);        }else{          holder = (ViewHolder) convertView.getTag();        }             holder.checkBox.setOnClickListener(new View.OnClickListener() {                 @Override                 public void onClick(View v) {                     if(getIsCheck().get(position)){                         isCheck.put(position, false);                         setIsCheck(isCheck);                     }else{                         isCheck.put(position, true);                         setIsCheck(isCheck);                     }                 }             });        holder.button.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                if (isSelect.get(position)) {                    holder.button.setText("按下去");                    isSelect.put(position, false);                    notifyDataSetChanged();                } else {                    holder.button.setText("弹出来");                    isSelect.put(position, true);                    notifyDataSetChanged();                }            }        });        if(isSelect.get(position)) {            holder.button.setText("按下去");        }else{            holder.button.setText("弹出来");        }        if(getIsCheck().get(position)){                holder.checkBox.setChecked(true);            }else{                holder.checkBox.setChecked(false);            }        return convertView;    }    class ViewHolder{        Button button;        CheckBox checkBox;    }    public static HashMap<Integer,Boolean> getIsCheck(){        return TestAdapter.isCheck;    }    public static void setIsCheck(HashMap<Integer,Boolean> isCheck){        TestAdapter.isCheck = isCheck;    }}

在这里，我举了两个例子，一个是checkbox，一个是button，当然解决办法也是一样的，这是为了说明其实解决错乱的方法原理是一样的，不管是我写的这俩个，还是item字体颜色的变化之类的。
代码中，我用了HashMap来保存两个数据，第一个就是item的position值，这个值表示的是item真正在listview的序号而不是页面上这个item所在的序号。第二个则是这个position的事件情况，我这里用false表示未勾选，true表示勾选。
第一步：先将listview中所有的checkbox的勾选情况设为false，然后存入HashMap中，然后这段代码

 holder.checkBox.setOnClickListener(new View.OnClickListener() {                 @Override                 public void onClick(View v) {                     if(getIsCheck().get(position)){                         isCheck.put(position, false);                         setIsCheck(isCheck);                     }else{                         isCheck.put(position, true);                         setIsCheck(isCheck);                     }                 }             });

当你点击时，改变勾选情况，并将改变的情况在HashMap中更新，这里我写了这两个可供外部调用的方法

  public static HashMap<Integer,Boolean> getIsCheck(){        return TestAdapter.isCheck;    }    public static void setIsCheck(HashMap<Integer,Boolean> isCheck){        TestAdapter.isCheck = isCheck;    }

是为外部不如需要全选或不全选时所使用的，你不用也行，那就像我button的那样写。在HashMap存入数据后，在最后一段

if(getIsCheck().get(position)){                holder.checkBox.setChecked(true);            }else{                holder.checkBox.setChecked(false);            }

中设置checkbox的勾选情况，这样事件就是根据HashMap中存入的数据来判断，而不是复用时的直接使用了，最后附一张完成图。