26

I have a RecyclerView and GridLayoutManager with 2 columns. How can I force LayoutManager to be according with template on the first screenshot? Now I have result as on the 2th screenshot.

Need result:

Current result:

Tenfour04
  • 83,111
  • 11
  • 94
  • 154
BlizzedRu
  • 357
  • 1
  • 3
  • 10

2 Answers2

37

GridLayoutManager will use a grid, and you can set some span, but not different heights for different cells.

What you want is a StaggeredGridLayoutManager. This will just put the items on the screen if they fit, leading to your needed result. You can also change the reordering behavior, if you want to, by using setGapStrategy.

David Medenjak
  • 33,993
  • 14
  • 106
  • 134
  • "but not different heights for different cells." you can set different height of rows, though; for example each cell has image view with height set to wrap_content and different images are set in each cell then each row will take the height of the biggest images – Marian Paździoch Aug 31 '17 at 10:21
  • how can i achieve horizontal dynamic size for vertical staggered grid layout items? or in other words, Suppose i have 2 columns in staggered grid layout. Can i change columns width dynamically? – Jaydip Kalkani Nov 14 '18 at 10:05
  • @JaydipKalkani Try this [SpannableGridLayout Manager 1](https://github.com/nickbutcher/plaid/commit/a14eb290a9ad80434e063a466ee82ad44d06950c#diff-1e986e17c47052bd2f89586e1f89f6ce) or this [SpannableGridLayout Manager 2](https://github.com/noowenz/SpannedGridLayoutManager) – Dev4Life Jul 07 '23 at 04:35
9

It's really easy. You have to add this manager to RecycleView:

recyclerView.setLayoutManager(new StaggeredGridLayoutManager(mColumnCount, 1));

in my case it's look like this:

Context context = view.getContext();
RecyclerView recyclerView = (RecyclerView) view;

if (mColumnCount <= 1) {
    recyclerView.setLayoutManager(new LinearLayoutManager(context));
} else {
    recyclerView.setLayoutManager(new StaggeredGridLayoutManager(mColumnCount, 1));
}
recyclerView.setAdapter(new MyItemRecyclerViewAdapter(DummyContent.ITEMS, mListener));
Eliasz Kubala
  • 3,836
  • 1
  • 23
  • 28