android listview 重用view导致的选择混乱问题

20150526

listview是常用的控件，经常用自定义的adapter，为了提高显示效率，常利用view的重用方式防止重绘，但因为重用利用的是旧的view，常导致显示的数据会由于position的位置出现错乱。在一个app项目中我遇到过多次这个问题，包括带Button的都能很好的解决，但今天遇到listview中的item有togglelbutton的情况，绑定的监听器是togglebutton的CompoundButton.OnCheckedChangeListener()，竟然出现了问题，一直没有解决，最后将item的监听换成了View.OnClickListener()才解决问题。

一般，为了防止数据混乱，会在convertview判断null的if-else之后再获取list里的显示数据。getview的例子如下：

     @Override
     public View getView(int position, View convertView, ViewGroup parent)
     {
         // TODO Auto-generated method stub
         final ViewHolder holder;
         // 优化listview --去掉重用，防止togglebutton的点击位置记录出错
         if(convertView == null)
         {
             // 使用自定义的布局
             holder = new ViewHolder();
             convertView = mInflater
                     .inflate(R.layout.list_invite_party_member, null);
             // 初始化布局中的元素
             holder.ivAvatar = (ImageView) convertView.findViewById(R.id.iv_avater);
             holder.tvName = (TextView) convertView.findViewById(R.id.tv_name);
             holder.tvTag = (TextView) convertView.findViewById(R.id.tv_tag);
             holder.btnSelect = (ToggleButton) convertView
                     .findViewById(R.id.btn_select);
             holder.linearLayout = (LinearLayout) convertView
                     .findViewById(R.id.rl_friend_item);
             convertView.setTag(holder);
         } else
         {
             holder = (ViewHolder)convertView.getTag();
         }

         // 绑定数据
         final int index = position;
         UserBean bean = listFriend.get(index);
         // 设置头像
         if (!TextUtils.isEmpty(bean.getUserAvatar()))
         {
             String avatarUrl = Constant.URL_USER_AVATER + bean.getUserAvatar();
             // 初始化异步加载头像对象
             finalBitmap = FinalBitmap.create(context);
             finalBitmap.configLoadingImage(R.drawable.user_head_02);
             finalBitmap.display(holder.ivAvatar, avatarUrl);
         } else
         {
             holder.ivAvatar.setImageResource(R.drawable.user_head_02);
         }

         if (!TextUtils.isEmpty(bean.getUserNickname()))
         {
             holder.tvName.setText(bean.getUserNickname());
         } else
         {
             holder.tvName.setText(bean.getUserPhone());
         }
         if (!TextUtils.isEmpty(CommonUtils.getUserTags(bean)))
         {
             holder.tvTag.setText(CommonUtils.getUserTags(bean));
             holder.tvTag.setVisibility(View.VISIBLE);
         } else
         {
             holder.tvTag.setVisibility(View.GONE);
         }
         if (TextUtils.equals(bean.getReserved01(), "1"))
         {
             // 已添加的场合显示为 删除
             holder.btnSelect.setChecked(true);
         } else
         {
             holder.btnSelect.setChecked(false);
         }
         holder.btnSelect.setOnClickListener(new View.OnClickListener() {

             @Override
             public void onClick(View v) {
                 // TODO Auto-generated method stub
                 ToggleButton view = (ToggleButton)v;
                 //boolean isCheckedOld = view.getText().toString().equals("添加")?true:false;
                 // 获取最新的点击后check状态
                 boolean isChecked = view.isChecked();
                 if (isChecked)
                 {
                     // 添加了该人，button显示删除
                     view.setChecked(true);
                     listFriend.get(index).setReserved01("1");

                 } else
                 {
                     // 原来是被选中的，点击后该人被删除
                     // 删除了该人，button显示添加
                     view.setChecked(false);
                     listFriend.get(index).setReserved01("0");
                 }
             }
         });
 /*        holder.btnSelect
                 .setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener()
                 {

                     @Override
                     public void onCheckedChanged(CompoundButton buttonView,
                             boolean isChecked)
                     {

                         LogUtil.d("isChecked= " + isChecked );
                         LogUtil.d("index= " + index );
                         // TODO Auto-generated method stub
                         if (isChecked)
                         {
                             // 添加了该人，button显示删除
                             listFriend.get(index).setReserved01("1");
                         } else
                         {
                             // 删除了该人，button显示添加
                             listFriend.get(index).setReserved01("0");
                         }
                     }
                 });*/
         return convertView;
     }

     /**
      * 布局中的元素
      */
     class ViewHolder
     {
         ImageView ivAvatar;
         TextView tvName;
         TextView tvTag;
         ToggleButton btnSelect;
         LinearLayout linearLayout;
     }

并且用final的index记住了数据的位置，在下面button监听的动作中就可以获得正确的数据了。

但是试验发现（注释掉的部分）利用此方法还是不可以，可能是CompoundButton.OnCheckedChangeListener()的问题吧。利用此监听器监听button的动作改变list相应数据会导致位置混乱。只好借用View.OnClickListener()来控制togglebutton的显示了。倒也不算麻烦，本来togglebutton就一般是这两种控制方式。还有要注意的是只要点击的togglebutton，它的check状态就会变，在View.OnClickListener()中也是一样。

mark一下，所以利用adapter记住btn的状态这件事还是很简单的，就是没有理解到CompoundButton的机制而导致的失败，还好有View.OnClickListener()成功的先例，要不然每个view都绘制list数据很多的话也太不现实了。还有一个checkbox的item没有尝试，不行的话还是要用button或View.OnClickListener()来替代了。