recy列表相关,横向竖向-今晚吃啥子? -罗非鱼。

RecyclerView实现的二级列表

2021-06-01  本文已影响0人  慢慢前进

最近需要做一个二级列表的需求,第一想到的是使用ExpandableListView,但是一个轮子的搬运工觉得代码有点多,而且好像RecyclerView也可以实现,
然后就用RecyclerView+BaseRecyclerViewAdapterHelper实现这个需求;
大致内容如下:


微信图片_20210601141515.jpg

讲解不了。做出来就完事了。
直接上代码:

//一级:ClassLevel1Bean 和 二级:ClassLevel2Bean 类  里面的其他字段 按你需求
public class ClassLevel1Bean extends AbstractExpandableItem<ClassLevel2Bean> implements Serializable, MultiItemEntity {
    @Override
    public int getItemType() {
        return 1;
    }
}
public class ClassLevel2Bean implements Serializable, MultiItemEntity {
    @Override
    public int getItemType() {
        return 2;
    }
}

//adapter 继承BaseMultiItemQuickAdapter
public class BeginClassAdapter extends BaseMultiItemQuickAdapter<MultiItemEntity, BaseViewHolder> {
    public static final int ITEM_FIRST_LEVEL = 1;
    public static final int ITEM_SECOND_LEVEL = 2;
    private Context context;
    private int mPostion=0; 
    public BeginClassAdapter(List<MultiItemEntity> data, Context context) {
        super(data);
        this.context=context;
        addItemType(ITEM_FIRST_LEVEL, R.layout.item_level1);
        addItemType(ITEM_SECOND_LEVEL, R.layout.item_level2);
    }
    @Override
    protected void convert(BaseViewHolder helper, MultiItemEntity item) {
        switch (helper.getItemViewType()) {
            case ITEM_FIRST_LEVEL:
                final ClassLevel1Bean item_temp = (ClassLevel1Bean) item;
                helper.setText(R.id.tv_leve1Title, item_temp.getStageName());
                helper.addOnClickListener(R.id.linItem);
                break;
            case ITEM_SECOND_LEVEL:
                final ClassLevel2Bean item_temp2 = (ClassLevel2Bean) item;
                if (item_temp2.isSelect()) {
                    helper.setTextColor(R.id.tv_titleName, context.getResources().getColor(R.color.classBlueColor));
                } else {
                    helper.setTextColor(R.id.tv_titleName, context.getResources().getColor(R.color.classBlackColor));
                }
                break;
        }
    }
    public void setSelectPostion(int postion){
        mPostion=postion;
    }
}

完事。
纳尼,有个选中的效果?(二级选中效果)那肯定和recyclerView一样,添加一个字段就行了。然后再ClassLevel2Bean 类里面添加好一个唯一字段。
因为它是已整个的list,例如,如果是三个可展开一级,每个下面有两个可以展开的。在界面上如果三个一级都是展开的,那么list的长度就为9,position是0,3,6的为一级,其他依次排列。
2:如果第一个一级展开情况下,后两个关闭,那么adapter返回的list长度为5,后两个的子item不包括在内。
所以,处理点击事件为判断每次点击的所属对象,是属于ClassLevel2Bean还是ClassLevel1Bean
ClassLevel1Bean.的情况则是先展开或者关闭,然后判断唯一值,做相应处理
ClassLevel2Bean.的情况是素有classlevelBean都标记为未点击,然后保存postion,做一个点击的标记。刷新adapter。

beginClassAdapter.setOnItemChildClickListener(new BaseQuickAdapter.OnItemChildClickListener() {
            @Override
            public void onItemChildClick(BaseQuickAdapter adapter, View view, int position) {
                    switch (view.getId()){
                        case R.id.con_Item:
                        case R.id.tv_titleName:
                            List data1 = adapter.getData();
                            if (((ClassLevel2Bean)data1.get(position)).getCampStageContentId()==mSelectClassId){
                                return;
                            }
                            for (int i = 0; i < adapter.getData().size(); i++) {
                                if (data1.get(i) instanceof ClassLevel2Bean){
                                    ((ClassLevel2Bean)data1.get(i)).setSelect(false);
                                }
                            }
                            ((ClassLevel2Bean)data1.get(position)).setSelect(true);
                            mCurrentModel = (ClassLevel2Bean)data1.get(position);
                            mSelectClassId=((ClassLevel2Bean)data1.get(position)).getCampStageContentId();
                            beginClassAdapter.notifyDataSetChanged();
                            break;
                        case R.id.linItem:
                            //TODO 展开收缩 刷新列表
                            List data = adapter.getData();
                            if (((ClassLevel1Bean)data.get(position)).isExpanded()){
                                beginClassAdapter.collapse(position);
                            }else{
                                beginClassAdapter.expand(position);
                            }
                            for (int i = 0; i < data.size(); i++) {
                                if (data.get(i) instanceof ClassLevel2Bean){
                                    if (((ClassLevel2Bean)data.get(i)).getCampStageContentId()!=mSelectClassId){
                                        ((ClassLevel2Bean)data.get(i)).setSelect(false);
                                    }
                                }
                            }
                            beginClassAdapter.notifyDataSetChanged();
                            break;
                    }
            }
        });

写的也不清楚,有问题再说吧
作为自己的一个小笔记,也有人说想看下源码,双手奉上:::https://github.com/xuechenbo/kotlinMoudle.git
这是一个用来练习的项目,内容比较乱 主要代码==MyExpendListActivity

上一篇 下一篇

猜你喜欢

热点阅读