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，就醬紫。