RecyclerView GridLayoutManager with full width header

Question

I'm using a very helpful example here to show a RecyclerView and a GridLayoutManager to show a grid with a header.

It looks pretty good, but my graphic designer wants the header item to take up the full width of the RecyclerView. Right now there is padding.

When I set up the GridLayoutManager I add in padding (which I still want for the other grid items): [it's using Xamarin C#]

var numColumns = myListView.MeasuredWidth / tileSizeMax;
myGridView.SetPadding(tilePadding, tilePadding, tilePadding, tilePadding);
layoutManager = new GridLayoutManager(Activity, numColumns);
myListView.SetLayoutManager(layoutManager);

So, how can I set the padding to be different for the header item...or make it draw itself over the padding?

score 101 · Accepted Answer · edited Nov 15 '21 at 17:08

101

Try with this:

mLayoutManager = new GridLayoutManager(this, 2);
        mLayoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                switch(mAdapter.getItemViewType(position)){
                    case MyAdapter.HEADER:
                        return 2;

                    case MyAdapter.ITEM:
                    default:
                        return 1;
                }
            }
        });

And check these links:

edited Nov 15 '21 at 17:08

Bruno Bieri

9,724
11
63
92

answered Jul 29 '16 at 10:28

Alex

6,957
12
42
48

how to handle item decorator for last item? – Mahdi Oct 24 '18 at 14:36
I guess we'll never know – Denny Jan 03 '19 at 19:16
@Kenji as a hint, you can check: https://gitlab.com/snippets/1895752 it has a view reference, you have its position, so you can modify it using some of your ideas ;) – bovquier Sep 17 '19 at 18:06

Sameh Mhamdi · Answer 2 · 2022-04-04T14:29:53.353

0

you can just do

val spanSize = 2
val mLayoutManager = GridLayoutManager(yourContext, spanSize)
mLayoutManager.spanSizeLookup = object : SpanSizeLookup() {
    override fun getSpanSize(position: Int): Int = when (position) {
        0 -> spanSize
        else -> 1
    }
}

edited Apr 04 '22 at 14:29

answered Apr 04 '22 at 14:00

Sameh Mhamdi

1
1

1

While this code may answer the question, providing additional context regarding why and/or how this code answers the question improves its long-term value. – dsadnick Apr 04 '22 at 14:21

RecyclerView GridLayoutManager with full width header

2 Answers2

Linked