Recycler View Horizontal Scroll with 2 columns

Question

Here is I have I have tried so far

LinearLayoutManager layoutManager =
        new GridLayoutManager(getActivity(), 2, GridLayoutManager.HORIZONTAL, false);

but It showed 2 rows instead of two columns.

How can I show two items with horizontal scroll with recycler view?

you want recyclarview like play store . please try https://stackoverflow.com/questions/39870099/dynamic-different-images-horizontal-recyclerview-in-vertical-recyclerview-like-g — Payal Sorathiya, Nov 15 '17 at 06:55
@ChhornSoro Have you found the solution? I'm facing the same problem — Taha Sami, Feb 23 '22 at 12:47

Paresh P. · Answer 1 · 2017-11-15T06:52:43.230

18

Alright here is a funda,

When you are using GridLayoutManager.HORIZONTAL, second parameter will be considered as number of rows

while, when you write GridLayoutManager.VERTICAL second parameter will be considered as number of columns

Also, this

LinearLayoutManager layoutManager =
        new GridLayoutManager(getActivity(), 2, GridLayoutManager.HORIZONTAL, false);

supposed to be,

GridLayoutManager layoutManager =
            new GridLayoutManager(getActivity(), 2, GridLayoutManager.HORIZONTAL, false);

in above code, 2 is considered as number of rows to be generated.

edited Nov 15 '17 at 06:52

answered Nov 15 '17 at 06:42

Paresh P.

6,677
1
14
26

yeah the item show 2 column, but it doesn't scroll horizonal but it scroll vertically. Do you understand what I want? – Chhorn Soro Nov 15 '17 at 06:50
Yeah, because you have declared layoutManager as `LinearLayoutManager`. – Paresh P. Nov 15 '17 at 06:53
2

now I change it to GridLayoutManager already and set GridLayoutManager.HORIZONTAL. Now I can scroll my product left & right perfectly, but It showed one column with 2 rows. What I want is 1 row with 2 columns. Please help Thanks – Chhorn Soro Nov 15 '17 at 06:58
Have you found the solution? I'm facing the same problem – Taha Sami Feb 23 '22 at 12:47

score 6 · Answer 2 · answered Nov 18 '19 at 11:35

To achieve what you need you need to combine two things: setup GridLayoutManager and set up adapter:

in Fragment/Activity:

 val snapHelper = PagerSnapHelper()
        snapHelper.attachToRecyclerView(recyclerView)

//Grid layout, 2 columns
        recyclerView.layoutManager =
            GridLayoutManager(this.context, 2, RecyclerView.HORIZONTAL, false)

and then in your adapter:

var displayMetrics = DisplayMetrics()
private var screenWidth = 0

in onCreateViewHolder:

(parent.context as MainActivity).windowManager.defaultDisplay.getMetrics(displayMetrics)
    screenWidth = displayMetrics.widthPixels

in onBindViewHolder:

    val itemPadding = 8

    //here you may change the divide amount from 2.5 to whatever you need 
    val itemWidth = (screenWidth - itemPadding).div(2.5)

    val layoutParams = holder.itemView.layoutParams
    layoutParams.height = layoutParams.height
    layoutParams.width = itemWidth.toInt()
    holder.itemView.layoutParams = layoutParams

I faced the same problem and with this answer, I could resolve the problem. Thanks! — Augusto Pinto, Oct 29 '20 at 04:19

score 3 · Answer 3 · answered May 05 '20 at 07:23

Recently faced the same problem, ended with creating a custom GridLayoutManager that allowed me to fix the row count and column count together.

Link : -https://gist.github.com/KaveriKR/04bfef5ffc9c00a8b6fca503da497322

This custom layout manger makes use of the generateDefaultLayoutParams and two other functions to set different layout params for the layout manger.

score 0 · Answer 4 · answered Nov 15 '17 at 06:41

0

try below code

RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(this, 2);
    recyclerView.setLayoutManager(mLayoutManager);

answered Nov 15 '17 at 06:41

vishal jangid

2,967
16
22

score 0 · Answer 5 · answered Jun 06 '22 at 11:21

0

All answers at Java but if someone searches for Kotlin;

val layoutManager = GridLayoutManager(requireContext(),  2)

    recyclerViewSymbol.layoutManager = symbolLayoutManager

answered Jun 06 '22 at 11:21

score -3 · Answer 6 · edited Aug 02 '20 at 15:08

-3

RecyclerView.LayoutManager mLayoutManager = new GridLayoutManager(activity,2,LinearLayoutManager.HORIZONTAL,false);
recyclerView.setLayoutManager(mLayoutManager);

edited Aug 02 '20 at 15:08

fcdt

2,371
5
14
26

answered Aug 02 '20 at 11:11

suresh babu

1

3

Welcome to Stack Overflow. Code only answers can generally be improved by adding some explanation of how and why they work. For older questions with existing answers it can also be useful to point out what new aspect of the question or improved technique your answer addresses. – Jason Aller Aug 03 '20 at 01:09

Recycler View Horizontal Scroll with 2 columns

6 Answers6