解决listview条目错乱问题

对于listview的性能优化想必大家并不陌生:使用ViewHolder来缓存布局信息,同时利用convertView.setTag(holder)来关联view与holder,正常情况下没有问题,但如果条目中有checkbox,toggleButton之类的控件或者字体颜色需要随着这些控件状态改变而做出改变时,我们会发现上下滑动时会出现控件状态或字体颜色错乱的情况,如下图:

这是什么原因造成的呢?细心的同学应该通过上图发现了一点点的规律,对!他们的位置间隔好像是一定的,其实如果你理解了viewholder和view是怎么关联的,就很容易理解出现这种情况的原因,我简单的解释一下:当convertView.setTag(holder)后其实是将holder中所有的控件都关联到相对应的view中,这其中当然包括了控件的状态,而我们通常的做法只是将状态改变的值赋值给该控件,而不是具体到哪一个条目的控件,所以会出现上面这种控件状态也被复用的情况.

final Alarm alarm = list.get(position);
mHolder.toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                        @Override
                        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                            mHolder.time.setSelected(isChecked);
                            mHolder.toggle.setChecked(isChecked);
                        }
                    });

                    mHolder.time.setText(alarm.getHour()+":"+alarm.getMinute());

解决办法很简单,就是将状态值赋给具体的条目,也就是我们需要一个对象来保存每个条目的信息,以Demo中的闹钟为例,每个条目对应一条闹钟信息,我只需要在闹钟对象Alarm中增加一个判断状态的布尔值isOpen,同时在点击开关状态改变时通过get()和set()方法将item中的状态值赋值给具体的条目即可:

final Alarm alarm = list.get(position);
            mHolder.toggle.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
                @Override
                public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                    alarm.setOpen(isChecked);
                    mHolder.time.setSelected(alarm.isOpen());
                }
            });

            mHolder.time.setText(alarm.getHour()+":"+alarm.getMinute());
            mHolder.toggle.setChecked(alarm.isOpen());

效果如下图:

源码请自行下载: Demo源码