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()来替代了。