How to implement Staggered GridView with Sections?

Question

I just want to implement sections in Staggered GridView. such as Today, Yesterday and Other. I have tried with below libraries but I have no luck.

Staggered GridView
RecyclerView with StaggeredGridLayoutManager.

Can you give any suggestion on how to implement this ?

Specify what problem you are facing or what you want to achieve with some code or screenshot. — Harin, Apr 17 '15 at 08:44
If you have tried then post those code and mention issues/details! — Paresh Mayani, Apr 17 '15 at 08:50
Issue is alreday raised in https://github.com/etsy/AndroidStaggeredGrid/issues/166 — Ramesh Akula, Apr 17 '15 at 08:53

score 1 · Answer 1 · answered Apr 17 '15 at 20:44

1

You can use StaggeredGridLayoutManager with a custom ItemDecoration.

Here's a library that does that with LinearLayoutManager, sticky-headers-recyclerview. You might be able to tweak it for your needs or at least have an idea of how to do it.

answered Apr 17 '15 at 20:44

paprikanotfound

343
3
8

score 0 · Accepted Answer · answered Apr 20 '15 at 13:29

I have implemented this by using RecyclerView with StaggeredGridLayoutManger in SimpleAdapter.java.

      if (position % 5 == 0) {
            StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) holder.itemView.getLayoutParams();
            layoutParams.setFullSpan(true);
        } else {
            StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) holder.itemView.getLayoutParams();
            layoutParams.setFullSpan(false);
        }

Here is the link I have created a demo for this StaggeredGridViewSections

score 0 · Answer 3 · answered Apr 21 '15 at 08:57

0

If you don't need RecycleView, that is another option: https://github.com/sarahlensing/StaggeredGridView

answered Apr 21 '15 at 08:57

KimKha

4,370
1
37
45

score 0 · Answer 4 · answered Nov 07 '15 at 19:06

You can use StaggeredGridLayoutManager with one adapter and set two ItemViewTypes and for the section view set full span to true.

StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) holder.itemView.getLayoutParams();
        layoutParams.setFullSpan(true);

How to implement Staggered GridView with Sections?

4 Answers4