加载中...

2.4.8 ListView之checkbox错位问题解决

本节引言：

作为ListView经典问题之一，如果你尝试过自定义ListView的item，在上面带有一个checkbox的话，那么 当你的item数超过了一页的话，就会出现这个问题，下面我们来分析下出现这种问题的原因，以及如何来 解决这个问题！

1.问题发生的原因：

这是网上找来的一幅关于ListView getView方法调用机制的一个图

上图中有一个Recycler的东东，平时我们ListView上可见的Item处于内存中，而且他的Item则放在 这个Recycler中，第一次加载item时，当前页面中的convertView都为NULL，当滚出屏幕，这是时候 ConvertView不为空，所以新的一项会复用这个ConvertView！ 我们可以写个简单的例子，跟下log，下面是运行后的一些Log图！

从图中看出，Postion从12开始，ConvertView就不为空了，具体这里代表的是什么， 我也不知道，目测要走源码...我们知道这里ConvertView会缓存就好，就是因为这个原因 造成的checkbox错位，所以第一个解决方式就是，不重用这个ConvertView，或者 说每次getView都将这个ConvertView设置为null，但是如果需要显示的Item数目巨大的话， 这种方法就会显得非常臃肿，一般实际开发我们使用的是下面的解决方法： 找个东东来保存当前Item CheckBox的状态，初始化的时候进行判断，设置是否选中！

2.解决方法示例：

好的存储这个Checkbox的方法有很多，你可以放到一个HashMap<Integer, Boolean>中， 每次初始化的时候根据postion取出对应的boolean值，然后再进行checkbox的状态设置； 而笔者的做法则是在entity类中加入了一个boolean值用于判断，下面是笔者一个项目中 抽取出来的代码，代码比较简单，相信你看完会秒懂的~

Entity类：Person.java：

  1. public class Person implements Serializable{
  2.     private String name;
  3.     private String number;
  4.     private boolean checkStatus;
  5.     
  6.     public Person(String name, String number) {
  7.         super();
  8.         this.name = name;
  9.         this.number = number;
  10.         this.checkStatus = false;
  11.     }
  12.  
  13.     public String getName() {
  14.         return name;
  15.     }
  16.  
  17.     public void setName(String name) {
  18.         this.name = name;
  19.     }
  20.  
  21.     public String getNumber() {
  22.         return number;
  23.     }
  24.  
  25.     public void setNumber(String number) {
  26.         this.number = number;
  27.     }
  28.  
  29.     public boolean getCheckStatus() {
  30.         return checkStatus;
  31.     }
  32.  
  33.     public void setCheckStatus(boolean checkStatus) {
  34.         this.checkStatus = checkStatus;
  35.     }
  36.     
  37. }

实现的Adapter类：ContactListAdapter.java：

  1. public class ContactListAdapter extends BaseAdapter implements CompoundButton.OnCheckedChangeListener{
  2.  
  3.     private List<Person> mData;
  4.     private Context mContext;
  5.  
  6.     public ContactListAdapter(List<Person> data, Context context) {
  7.         mData = data;
  8.         mContext = context;
  9.     }
  10.  
  11.     // 定义一个刷新数据的方法
  12.     public void changeData(List<Person> data) {
  13.         mData = data;
  14.         notifyDataSetChanged();
  15.     }
  16.  
  17.     @Override
  18.     public int getCount() {
  19.         return mData.size();
  20.     }
  21.  
  22.     @Override
  23.     public Person getItem(int position) {
  24.         return mData.get(position);
  25.     }
  26.  
  27.     @Override
  28.     public long getItemId(int position) {
  29.         return position;
  30.     }
  31.  
  32.     @Override
  33.     public View getView(int position, View convertView, ViewGroup parent) {
  34.         final int index = position;
  35.         ViewHolder viewHolder;
  36.         if (convertView == null) {
  37.             convertView = LayoutInflater.from(mContext).inflate(
  38.                     R.layout.item_contact, parent, false);
  39.             viewHolder = new ViewHolder();
  40.             viewHolder.ly = (RelativeLayout) convertView
  41.                     .findViewById(R.id.lyContactListItem);
  42.             viewHolder.txtName = (TextView) convertView
  43.                     .findViewById(R.id.txtName);
  44.             viewHolder.txtNumber = (TextView) convertView
  45.                     .findViewById(R.id.txtNumber);
  46.             viewHolder.cbxStatus = (CheckBox) convertView
  47.                     .findViewById(R.id.cbxStatus);
  48.             convertView.setTag(viewHolder);
  49.             viewHolder.cbxStatus.setTag(index);
  50.         } else {
  51.             viewHolder = (ViewHolder) convertView.getTag();
  52.         }
  53.         viewHolder.cbxStatus.setOnCheckedChangeListener(this);
  54.         viewHolder.cbxStatus.setChecked(mData.get(position).getcheckStatus());
  55.         viewHolder.txtName.setText(mData.get(index).getName());
  56.         viewHolder.txtNumber.setText(mData.get(index).getNumber());
  57.         return convertView;
  58.     }
  59.  
  60.     @Override
  61.     public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
  62.         int index = (int)buttonView.getTag();
  63.         if (isChecked)
  64.             mData.get(index).setCheckStatus(true);
  65.         else
  66.             mData.get(index).setCheckStatus(false);
  67.     }
  68.  
  69.  
  70.     private class ViewHolder {
  71.         RelativeLayout ly;
  72.         TextView txtName;
  73.         TextView txtNumber;
  74.         CheckBox cbxStatus;
  75.     }
  76. }

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

本节引言：

好的，本节给大家讲解了ListView的一个经典问题，ListView中checkbox错位的 问题解决，只需简单的添加一个记录checkbox选择状态的值，然后重写checkbox 点击事件的时候，先做判断~谢谢~

还没有评论.