解决listview条目错乱问题

最新推荐文章于 2017-10-05 01:45:32 发布

_walle

最新推荐文章于 2017-10-05 01:45:32 发布

阅读量2.3k

点赞数

分类专栏： Android 文章标签：性能优化 listview checkbox 错乱条目

本文链接：https://blog.youkuaiyun.com/hanj456/article/details/53411883

版权

Android 专栏收录该内容

18 篇文章

订阅专栏

在ListView优化中，使用ViewHolder可能导致checkbox或toggleButton等控件状态在滚动时错乱。原因是convertView.setTag(holder)会复用控件状态。解决办法是在数据对象中保存每个条目的状态，并在状态改变时更新对应条目的状态值，例如在Alarm对象中增加一个isOpen属性，根据此属性设置条目的开关状态。实现后，滚动时控件状态将正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

对于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());

效果如下图:

这里写图片描述