andoid-解决RecyclerView+CheckBox选中混乱的问题

引子

今天，使用RecyclerView + Checkbox的时候，发生了checkbox状态错乱的问题。

RecyclerView 为了提高效率，使用了Recycler回收机制，它的作用就是，不会产生多余的itemView，如果产生了向上滑动，就将最上方的itemView保存起来，然后接到最下面，然后重新加载数据（onBindViewHolder会被调用）。

但是这种方式，如果itemView中有checkbox，要继承之前的勾选状态，那就坑了爹了。因为重用的itemView会保留之前的check状态。

必须要想办法，标记它的勾选状态，才能正常显示勾选。

代码

解决此问题，最重要的代码在adapter里面。红色的，是关键代码.

主要思路： 利用一组map来记录每一个checkbox的选中状态，然后在checkbox的选中事件中，对这个map进行维护。具体的，请看下面代码。

import android.content.Context;
import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.TextView;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    private Context context;

    //先造一组模拟数据
    private List<String> listData;

    private Map<Integer, Boolean> checkStatus;//用来记录所有checkbox的状态

    public MyAdapter(Context context) {
        this.context = context;
        initData();
    }

    private void initData() {
        listData = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            listData.add("testData" + i);
        }

        checkStatus = new HashMap<>();
37         for (int i = 0; i < listData.size(); i++) {
38             checkStatus.put(i, false);// 默认所有的checkbox都是没选中
39         }

    }

    public class MyViewHolder extends RecyclerView.ViewHolder {
        CheckBox checkbox;
        TextView textView;

        public MyViewHolder(View itemView) {
            super(itemView);
            checkbox = itemView.findViewById(R.id.checkbox);
            textView = itemView.findViewById(R.id.textView);
        }
    }

    @NonNull
    @Override
    public MyAdapter.MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View v = LayoutInflater.from(context).inflate(R.layout.layout, parent, false);
        MyViewHolder holder = new MyViewHolder(v);
        return holder;
    }

    @Override
    public void onBindViewHolder(@NonNull MyAdapter.MyViewHolder holder, final int position) {
        holder.textView.setText(listData.get(position));
        holder.checkbox.setOnCheckedChangeListener(null);//清掉监听器
66         holder.checkbox.setChecked(checkStatus.get(position));//设置选中状态
67         holder.checkbox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {//再设置监听器
68             @Override
69             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
70                 checkStatus.put(position, isChecked);//check状态一旦改变，保存的check值也要发生相应的变化
71             }
72         });
    }

    @Override
    public int getItemCount() {
        if (listData == null) return 0;
        return listData.size();
    }
}

下面给出其他代码：

MainActivity.java

package com.example.recyclerview2;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;

public class MainActivity extends AppCompatActivity {

    private RecyclerView rv_1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        rv_1 = findViewById(R.id.rv_1);
        RecyclerView.LayoutManager manager = new LinearLayoutManager(this);
        rv_1.setLayoutManager(manager);
        MyAdapter adapter = new MyAdapter(this);
        rv_1.setAdapter(adapter);
    }


}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>

</android.support.constraint.ConstraintLayout>

layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:orientation="horizontal">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:text="111" />

    <CheckBox
        android:id="@+id/checkbox"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10dp" />

</LinearLayout>

结语：

　这里有一句代码很精髓，那就是

holder.checkbox.setOnCheckedChangeListener(null);//清掉监听器

Checkbox的监听器有一个特性，无论你是认为操作，还是用api来setChecked，都会触发监听器。所以，在itemView重新加载好之前，不要设置checkbox的check事件监听，否则会出现另外的混乱情况，有兴趣的可以试试看。

问题已解决，OK，就酱紫。