RecyclerView 高级用法之 Span

今天要做一个筛选的列表，大概是一个标题下面有几个item 然后这样有好几组，一般来说 上手就是 listview嵌套gradview或者 recyclerview嵌套recyclerview，处理嵌套高度计算问题就OK了！

但是今天，我不想搞那些嵌套了，只用一个 RecyclerView搞定它，最后有Git 下载链接

上图！

不好意思放错了！！！

是这张

原理就是通过 

GridLayoutManager 的 setSpanSizeLookup 监听来设置每行显示的数量

        mRecyclerView = findViewById(R.id.mRecyclerView);
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 3);

        contentBeanList.add(new ContentBean(1, "标题1(单选)"));
        contentBeanList.add(new ContentBean(2, "内容1", "标题1(单选)"));
        contentBeanList.add(new ContentBean(2, "内容2", "标题1(单选)"));
        contentBeanList.add(new ContentBean(2, "内容3", "标题1(单选)"));
        contentBeanList.add(new ContentBean(2, "内容4", "标题1(单选)"));


        contentBeanList.add(new ContentBean(1, "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容1", "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容2", "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容3", "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容4", "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容5", "标题2(单选)"));
        contentBeanList.add(new ContentBean(2, "内容6", "标题2(单选)"));

        contentBeanList.add(new ContentBean(1, "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容1", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容2", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容3", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容4", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容5", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容6", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容7", "标题3(多选)"));
        contentBeanList.add(new ContentBean(3, "内容8", "标题3(多选)"));


        final TextAdapter textAdapter = new TextAdapter(contentBeanList);
        gridLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                switch (textAdapter.getItemViewType(position)) {
                    // 返回的宽度为3， item满屏
                    case 1:
                        return 3;
                    case 2:
                        return 1;
                    case 3:
                        return 1;
                }
                return 0;
            }
        });
        mRecyclerView.setLayoutManager(gridLayoutManager);

        mRecyclerView.setAdapter(textAdapter);

然后在 Adapter 里面根据 type 设置点击事件和显示效果就可以了！

 

上完整代码

MainActivity.java

package com.wavewave.recyclerviewspan;

import andr