RecyclerView选中后保持高亮状态，且两级联动示例

Android使用RecyclerView实现二级联动，并且选中后保持高亮状态

---

前言

相信不少刚刚步入Android开发的“程序猿”在遇到公司类似美团、饿了么的点餐列表，都会比较迷茫怎么写，之前我写过使用ListView实现的功能，也可以参考看下。现在使用RecyclerView重新实现这个功能，代码更加简洁明了的实现了列表的二级联动，选中一级列表后会保持高亮，点击二级列表会有相应提示。具体功能看下截图能否满足各位小伙伴的需求，如有相似可以下载后参考。

一、MainActivity主要代码

这里主要对RecyclerView进行了配置，初始化了适配器，进行了适配器的绑定，以及点击事件的监听设置。

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_activity);
        ButterKnife.bind(this);

        secondAdapter = new SecondAdapter(null);
        secondAdapter.setOnOptionClickListener(new SecondAdapter.OnOptionClickListener() {
            @Override
            public void itemInfo(MultipleChoiceInfo choiceInfo, int pos) {
                tvConfirmSelect.setText(choiceInfo.getName());
            }
        });
        rlvSecondOption.setLayoutManager(new LinearLayoutManager(this));
        rlvSecondOption.setAdapter(secondAdapter);

        multipleAdapter = new MultipleAdapter(makeData());
        multipleAdapter.setOnOptionClickListener(new MultipleAdapter.OnOptionClickListener() {
            @Override
            public void itemInfo(MultipleChoiceInfo choiceInfo, int pos) {
                tvConfirmSelect.setText("");
                secondAdapter.setNewInstance(makeSecondData(pos + 1));
            }
        });
        multipleAdapter.changeItemStatus(multipleAdapter.getData().get(0), 0);//设置默认选中项
        rlvFirstOption.setLayoutManager(new LinearLayoutManager(this));
        rlvFirstOption.setAdapter(multipleAdapter);
        tvConfirm.setOnClickListener(this);
    }

二、两个适配器的使用

1.一级列表适配器

这里是一级适配器，简单的只使用了一个文本控件，先展示适配器代码如下：

public class MultipleAdapter extends BaseQuickAdapter<MultipleChoiceInfo, BaseViewHolder> {

    private OnOptionClickListener onOptionClickListener;

    public MultipleAdapter(@Nullable List<MultipleChoiceInfo> data) {
        super(R.layout.main_item, data);
    }

    @Override
    protected void convert(@NotNull BaseViewHolder holder, MultipleChoiceInfo item) {
        //获取视图控件
        TextView tvItemUnit = holder.getView(R.id.tv_item_unit);
        //设置列表数据
        tvItemUnit.setText(item.getName());
        //根据选择情况进行判断，设置不通背景
        if (item.isSelect()) {
            tvItemUnit.setBackgroundResource(R.drawable.square_gray);
        } else {
            tvItemUnit.setBackgroundResource(R.drawable.line_bg_white_only_bottom);
        }
        tvItemUnit.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                changeItemStatus(item, holder.getAdapterPosition());
            }
        });
    }
    //点击时候改变选项状态，并更新适配器
    public void changeItemStatus(MultipleChoiceInfo info, int targetPos) {
        if (onOptionClickListener != null) {
            onOptionClickListener.itemInfo(info, targetPos);
        }

        for (MultipleChoiceInfo choiceInfo : getData()) {
            choiceInfo.setSelect(false);
        }
        getData().get(targetPos).setSelect(true);
        notifyDataSetChanged();

    }
    //自定义选项点击监听事件
    public interface OnOptionClickListener {
        void itemInfo(MultipleChoiceInfo choiceInfo, int pos);
    }

    public void setOnOptionClickListener(OnOptionClickListener listener) {
        onOptionClickListener = listener;
    }

}

2.二级列表适配器代码

二级列表适配器使用了ConstraintLayout约束进行了UI布局，先展示只要适配器代码如下：

public class SecondAdapter extends BaseQuickAdapter<MultipleChoiceInfo, BaseViewHolder> {

    private OnOptionClickListener onOptionClickListener;

    public SecondAdapter(@Nullable List<MultipleChoiceInfo> data) {
        super(R.layout.main_item_second, data);
    }

    @Override
    protected void convert(@NotNull BaseViewHolder holder, MultipleChoiceInfo item) {
        //获取视图控件
        ConstraintLayout clRoot = holder.getView(R.id.cl_second_root);
        TextView tvItemUnit = holder.getView(R.id.tv_second_title);
        //设置二级列表数据
        tvItemUnit.setText(item.getName());
        //设置选项点击事件
        clRoot.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (onOptionClickListener != null) {
                    onOptionClickListener.itemInfo(item, holder.getAdapterPosition());
                }
            }
        });
    }

    public interface OnOptionClickListener {
        void itemInfo(MultipleChoiceInfo choiceInfo, int pos);
    }


    public void setOnOptionClickListener(OnOptionClickListener listener) {
        onOptionClickListener = listener;
    }

}

---

总结

主要代码都在这里了，UI布局代码不在上传了，可以在demo里面查看。这里使用了RecyclerView+BaseQuickAdapter¹进行了代码实现，希望对初入行的你有所帮助。

---

1. 适配器官网地址 http://www.recyclerview.org/ ↩︎