安卓进阶UI控件

关于 CheckBox 和 RecyclerView 的复用问题

2017-06-20  本文已影响2846人  有想法的小刘

本篇文章主要实现两个功能:

  1. 在 RecyclerView 中使用 CheckBox 时,解决选中一个 CheckBox ,因为复用的关系,造成多个 CheckBox 被选中
  2. 解决全选 CheckBox 的 bug

本文主要为了功能实现,没有源码分析,望见谅

针对问题一:解决 UI 显示的问题

首先初始化一个 SparseBooleanArray 类,用于存储每个 item 对应的
CheckBox 是否选中的状态

private SparseBooleanArray mCheckStates = new SparseBooleanArray();

在 onBindViewHolder 方法中设置 tag ,完美解决了 UI 显示问题了

@Override
public void onBindViewHolder(final ViewHolder holder, final int position) {

    holder.checkBox.setTag(position);
    holder.checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
        @Override
        public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            int pos = (int) buttonView.getTag();
            if (isChecked) {
                mCheckStates.put(pos, true);
                //do something
            } else {
                mCheckStates.delete(pos);
                //do something else
            }
        }
    });
    holder.checkBox.setChecked(mCheckStates.get(position, false));
}
针对问题二:解决全选问题

首先在 Adapter 构造函数中初始化 HashMap<Integer,Boolean> ,用于存储每个 item 对应的 checkbox 是否选中状态(默认全部为 false 状态)

private HashMap<Integer, Boolean> maps;
public CarAdapter(Context context, int layoutId, List<ProductListBean> datas) {
        super(context, layoutId, datas);

        setMaps(datas, false);
    }
public void setMaps(List<ProductListBean> datas, boolean isChecked) {
        maps = new HashMap<>();
        for (int i = 0; i < datas.size(); i++) {
            maps.put(i, isChecked);
        }
    }
checkBox.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
//改变对应的 checkbox 的状态
                maps.put(position, isChecked);
                int pos = (int) buttonView.getTag();
                if (isChecked) {
                    mCheckStates.put(pos, true);
                    //do something
                } else {
                    mCheckStates.delete(pos);
                    //do something else
                }
//这里给业务层留一个接口,用于做相关的业务处理
                CarAdapter.this.onCheckedChanged(isChecked, position);
            }
        });
//这里替代了 checkBox.setChecked(mCheckStates.get(position, false)),便于全选时候 notifyDataSetChanged 可以改变 UI
checkBox.setChecked(maps.get(position));

在外部按钮 checkbox 中添加一个选中事件

@Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        HashMap<Integer, Boolean> maps = mAdapter.getMaps();
        for (int i = 0; i < maps.size(); i++) {
            maps.put(i, isChecked);
            mAdapter.notifyDataSetChanged();
        }
    }

参考:
Android高级控件之RecyclerView上放置CheckBox
Android Checkbox详解

上一篇下一篇

猜你喜欢

热点阅读