Android完美解决ListView复用导致的Checkbox状态混乱问题

在Android开发中,ListView、RecyclerView和GridView控件是实现列表布局的不可或缺的工具,我觉得暂且可以这么说。比如QQ好友列表等,我们不可能用循环的方式去实现,这样对应用的性能也是有很大影响的。所以,为了记录之前遇到的这个问题,也顺便给其他需要解决这个问题的童鞋看一下,写了这篇文章(大神勿喷)!

当然,如果你的布局比较简单,你说我没必要复用,那么你看到这里可以return了....

傲娇.jpg

如果想用但是不知道怎么用的呢(基本不存在吧),可以参考下之前刚接触Android时写的一篇博客------Android ListView的复用优化
那么言归正传,如果你搜到这篇文章,那么你遇到的问题应该是下面这样的:

error.gif

我们实现CheckBox的选中效果一般有两种:

  • 设置CheckBox的setOnClickListener()监听
  • 设置CheckBox的setOnCheckedChangeListener()监听
    下面针对这两种实现,提出两种解决方案:
1. 通过setOnClickListener()监听实现

传递给适配器的数据的实体类中添加一个是否选中的自选,比如我demo中这个,除了文本信息和图片信息外,我增加一个hasChecked属性来标记该item是否被选中,实体类信息如下:

private String description; //文字描述
private int resId; //图片id
private boolean hasChecked; //是否选中

然后我们在Listview的Adapter适配器中去实现监听效果:

mCheckBox.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // checkbox控件的方法,判断控件是否选中
                if(mCheckBox.isChecked()){
                    //自己在实体类中实现的方法 对属性就行赋值 标记是否选中
                    mData.get(position).setHasChecked(true);
                    //计数 为了便于观察 与此问题解决无关
                    selectCount++;
                }else {
                    mData.get(position).setHasChecked(true);
                    selectCount--;
                }
              }
        });

看到这里,你估计要说,我也是这么写的啊,为什么我的不行呢?莫慌,仔细考虑一下,之所以发生混乱是因为没有对每个item的Checkbox赋初始值,导致布局控件复用的时候,还是会使用复用到的控件的值。
所以,我们只需要在设置setOnClickListener()监听之前,为item的checkbox赋一个初始值即可解决该问题。

mCheckBox.setChecked(mData.get(position).isHasChecked());
2. 通过setOnCheckedChangeListener()监听实现

使用该方法实现和通过方法1实现有一个共同点就是都需要给item赋一个初始值,但是不一样的地方是,如果你debug代码你可以发现,滚动的时候,你不需要点击checkbox它就会自动调用onCheckChanged()方法,然后去执行里面的逻辑,问题依旧没有解决!

那你在这里说个毛线噻.jpg

这时候,我们只需要在设置初始值之前给checkbox取消setOnCheckedChangeListener()监听就可以解决这个问题!

mCheckBox.setOnCheckedChangeListener(null);
mCheckBox.setChecked(mData.get(position).isHasChecked());
mCheckBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    mData.get(position).setHasChecked(true);
                    selectCount++;
                }else {
                    mData.get(position).setHasChecked(false);
                    selectCount--;
                }
              }
        });

然后可以看一下效果就是这样式滴:

normal.gif

好了,到这里两种方法就讲完了,聪明的你是不是觉得炒鸡简单呢?
如果对你有用的话,可以点个喜欢哦,谢谢(手动比心)

QQ图片20170813200511.jpg

如果你有其他的方法欢迎同我这只菜鸟交流哦!
CSDN博客传送门---点击进入Hemione的CSDN博客主页
点我可以下载demo的源码哦

推荐阅读更多精彩内容