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是否被选中,实体类信息如下:

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

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    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赋一个初始值即可解决该问题。

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

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

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

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    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

    如果你有其他的方法欢迎同我这只菜鸟交流哦!

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

文章作者:Hemione

发布时间:2017年09月09日 - 19:09

最后更新:2017年09月10日 - 18:09

原始链接:Hemione521.github.io/2017/09/09/Android解决Checkbox复用问题/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

-------------本文结束感谢您的阅读-------------