2-4-8 ListView的checkbox错位问题

标注：本文为个人整理，仅做自己学习参考使用，请勿转载和转发
2018-06-19: 初稿。参考博主coder-pig

0. 引言

• 这个问题主要是ListView的item中，上面带有一个checkbox的话，那么当item的数量超过1页话，就会出现这个问题

1. 问题原因

• 关于ListView的getView方法调用机制的一个图

  
  image

• 上面的图中有一个Recycler的东西，平时我们ListView上可见的Item处于内存中，而且他的Item则存放在这个Recycler中

• 第一次加载Item时，当前页面中的convertView都为null，当滚出屏幕，这个时候ConvertView不为空，所以新的一项会复用这个convertView！

  
  image

• 从图中可以看出，Positon从12开始，ConviertView就不为空了，具体这个代表什么，我也不知道。。。只是知道这个ConvertView会缓存就好，就是因为这个原因造成checkbox错位。

• 所以第一个解决方法就是，不重用这个ConvertView，或者说每次getView都将这个convertView都设置成null，但是如果需要显示item的树木巨大的话，这个方法就显得非常臃肿。

• 所以一般采用的解决办法就是，找一个东西将当前的item CheckBox的状态保存起来，初始化的时候进行判断，设置是否选中。

2. 解决办法示例

• 好的储存这个CheckBox的方法有很多，可以存放一个HashMap<Integer, boolean>，每次初始化的时候根据position取出对应的boolean值，然后进行checkbox的状态值
• 本文的做法是将entity类中加入了一个boolean值用于判断，下面是一个项目抽出来的代码，代码比较简单
  Entity类

public class Person implements Serializable{
    private String name;
    private String number;
    private boolean checkStatus;
    
    public Person(String name, String number) {
        super();
        this.name = name;
        this.number = number;
        this.checkStatus = false;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getNumber() {
        return number;
    }

    public void setNumber(String number) {
        this.number = number;
    }

    public boolean getCheckStatus() {
        return checkStatus;
    }

    public void setCheckStatus(boolean checkStatus) {
        this.checkStatus = checkStatus;
    }
    
}

实现的Adapter类：ContactListAdapter.java：

public class ContactListAdapter extends BaseAdapter implements CompoundButton.OnCheckedChangeListener{

    private List<Person> mData;
    private Context mContext;

    public ContactListAdapter(List<Person> data, Context context) {
        mData = data;
        mContext = context;
    }

    // 定义一个刷新数据的方法
    public void changeData(List<Person> data) {
        mData = data;
        notifyDataSetChanged();
    }

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

    @Override
    public Person getItem(int position) {
        return mData.get(position);
    }

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        final int index = position;
        ViewHolder viewHolder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(
                    R.layout.item_contact, parent, false);
            viewHolder = new ViewHolder();
            viewHolder.ly = (RelativeLayout) convertView
                    .findViewById(R.id.lyContactListItem);
            viewHolder.txtName = (TextView) convertView
                    .findViewById(R.id.txtName);
            viewHolder.txtNumber = (TextView) convertView
                    .findViewById(R.id.txtNumber);
            viewHolder.cbxStatus = (CheckBox) convertView
                    .findViewById(R.id.cbxStatus);
            convertView.setTag(viewHolder);
            viewHolder.cbxStatus.setTag(index);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.cbxStatus.setOnCheckedChangeListener(this);
        viewHolder.cbxStatus.setChecked(mData.get(position).getcheckStatus());
        viewHolder.txtName.setText(mData.get(index).getName());
        viewHolder.txtNumber.setText(mData.get(index).getNumber());
        return convertView;
    }

    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        int index = (int)buttonView.getTag();
        if (isChecked)
            mData.get(index).setCheckStatus(true);
        else
            mData.get(index).setCheckStatus(false);
    }


    private class ViewHolder {
        RelativeLayout ly;
        TextView txtName;
        TextView txtNumber;
        CheckBox cbxStatus;
    }
}

• 非常简单，另外别忘了一点： checkbox监听器的方法要添加在初始化Checkbox状态的代码之前哦~

这个方法是在item的对象的类中添加了对checkbox的set和get的方法，在Adapter中添加了对checkout的监听onCheckedChanged， 在getView中直接取出对应的item对象类中的状态，初始化的checkbox的为flase，然后通过监听设置状态。