RecyclerView with 2 columns. How set space between them?

Question

Fragment set recyclerView columns number:

sortRecyclerView.setHasFixedSize(true);
        RecyclerView.LayoutManager rvLayoutManager = new GridLayoutManager(getActivity(), 2);
        sortRecyclerView.setLayoutManager(rvLayoutManager);

Here layout that content recyclerView:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/sortRecyclerView"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:scrollbars="vertical"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

Here item layout in recyclerView:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:background="@color/place_holder_color">

    <ImageView
        android:id="@+id/imageViewPhoto"
        android:layout_width="@dimen/preview_image_height"
        android:layout_height="@dimen/preview_image_height"
        android:scaleType="centerCrop"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />



</android.support.constraint.ConstraintLayout>

And here result:

I need next:

Set 20dp on the left and right side
set 10 dp between 2 columns

score 0 · Answer 1 · answered Nov 24 '17 at 16:07

0

You can set something like this: - for the 1'st ImageView:

android:paddingLeft="10dp"
android:paddingRight="5dp"

for the 2'nd ImageView:

android:paddingLeft="5dp"

android:paddingRight="10dp"

answered Nov 24 '17 at 16:07

jorjSB

610
4
12

No second image. I update my post. It's a second column. – Alex Nov 24 '17 at 16:11
I don't get it @Alex – jorjSB Nov 24 '17 at 16:13
I have recyclerView with 2 columns. On every column show only ONE ImageView "@+id/imageViewPhoto" – Alex Nov 24 '17 at 16:14
Ah, and the above is the code you're using for your items, correct? – jorjSB Nov 24 '17 at 16:18
Yes, it's correct – Alex Nov 24 '17 at 16:19
Then I would set the recyclerView's attribute to: android:paddingLeft="15dp" and android:paddingRight="15dp", and for items (ConstraintLayout), android:paddingLeft="5dp" and android:paddingRight="5dp", or margin, which suits your need better. Try this and let me know. – jorjSB Nov 24 '17 at 16:21
It's not good because scrollBar shift to left (15dp) – Alex Nov 24 '17 at 16:30
Then just don't set padding right for the recyclerView – jorjSB Nov 24 '17 at 16:37

score 0 · Answer 2 · answered Nov 24 '17 at 16:09

0

add to the one on the left:

android:marginRight="5dp"

android:marginLeft="20dp"

add to the one on the right:

android:marginLeft="5dp"

android:marginRight="20dp"

answered Nov 24 '17 at 16:09

Thorvald

3,424
6
40
66

No two images. I have recyclerView with 2 columns. On every column show only ONE ImageView "@+id/imageViewPhoto" – Alex Nov 24 '17 at 16:16
add that code to the parent layout and I suggest you work with `Relative layout` – Thorvald Nov 24 '17 at 16:27
I found solution. I must extends RecyclerView.ItemDecoration and override method getItemOffsets() – Alex Nov 24 '17 at 17:03

RecyclerView with 2 columns. How set space between them?

2 Answers2