翻翻git之---利用RecyclerView实现折叠效果 SectionedExpandableGridRecyclerView

转载请注明出处:王亟亟的大牛之路

今天也没有P1,因为年前酱油打多了,事情堆积到现在有点紧迫感了,快点给观众老爷上完聊我就去做事了!!


今天上的是一个可折叠的RecyclerView SectionedExpandableGridRecyclerView(名字好长)

先上下效果图:

翻翻git之---利用RecyclerView实现折叠效果 SectionedExpandableGridRecyclerView

因为是RecyclerView 那这些点击、折叠都是自己写的事件了,所以还是感谢作者!!!

how to use?

因为原作者没有做 jcenter下载那么我们就只能 把代码和资源文件都Copy进去了

翻翻git之---利用RecyclerView实现折叠效果 SectionedExpandableGridRecyclerView

这些都弄进去

那来看看是怎么使用的,把创建,初始化,调用这些事好好瞅瞅。

看看使用这个控件要传些什么

public SectionedExpandableLayoutHelper(Context context, RecyclerView recyclerView, ItemClickListener itemClickListener,int gridSpanCount)

需要传4个参数分别为:

Context context 上下文对象

RecyclerView recyclerView 控件容器对象

ItemClickListener itemClickListener 点击事件对象

int gridSpanCount 每行显示多少个Item

上面的GIF gridSpanCount传入的是3,再贴个传入2的给大家看看

翻翻git之---利用RecyclerView实现折叠效果 SectionedExpandableGridRecyclerView

对了再说下XML的引用

 <android.support.v7.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/recycler_view"/>

只是当普通的RecyclerView使用就好了

那数据源怎么操作呢?

 ArrayList<Item> arrayList = new ArrayList<>();
        arrayList.add(new Item("iPhone", 0));
        arrayList.add(new Item("iPad", 1));
        arrayList.add(new Item("iPod", 2));
        arrayList.add(new Item("iMac", 3));
        sectionedExpandableLayoutHelper.addSection("Apple Products", arrayList);

作者对数据层进行了一定封装,使得setAdapter()的操作,并不在我们的业务层出现。

而是在控件初始化时进行了设置(不过这时候数据集合是空的)

 public SectionedExpandableLayoutHelper(Context context, RecyclerView recyclerView, ItemClickListener itemClickListener,
                                           int gridSpanCount) {

        //setting the recycler view
        GridLayoutManager gridLayoutManager = new GridLayoutManager(context, gridSpanCount);
        recyclerView.setLayoutManager(gridLayoutManager);
        mSectionedExpandableGridAdapter = new SectionedExpandableGridAdapter(context, mDataArrayList,
                gridLayoutManager, itemClickListener, this);
        recyclerView.setAdapter(mSectionedExpandableGridAdapter);
    }

然后在notifyDataSetChanged()时进行数据的刷新(无论是主动还是被动都是在这操作)

反正你如果数据发横了变化 记得刷一刷 notifyDataSetChanged()

栏目的监听走这

@Override
    public void itemClicked(Item item) {
        Toast.makeText(this, "Item: " + item.getName() + " clicked", Toast.LENGTH_SHORT).show();
    }

每一个Item的监听走这

 @Override
    public void itemClicked(Section section) {
        Toast.makeText(this, "Section: " + section.getName() + " clicked", Toast.LENGTH_SHORT).show();
    }

这两个事件的set方法都省去了,因为构造函数里已经做了这事,当然如果你不需要,那么久空着吧。

源码地址:https://github.com/ddwhan0123/SectionedExpandableGridRecyclerView/archive/master.zip

作者git:https://github.com/bpncool/SectionedExpandableGridRecyclerView

上一篇:【错误记录】Android NDK 错误排查记录 ( error: undefined reference to | Linking CXX shared library FAILED )


下一篇:用优秀.NET界面控“.NET研究”件 打造新潮界面效果