Android Recyclerview GridLayoutManager интервал столбцов

Источник

user5745925 29 ноя '19 в 09:25

Ответы выше разъяснили способы установки обработки полей GridLayoutManager и LinearLayoutManager.

Но для StaggeredGridLayoutManager ответ Пирдада Сакхизады говорит: "С StaggeredGridLayoutManager это может работать не очень хорошо". Должна быть проблема с IndexOfSpan.

Вы можете получить это следующим образом:

private static class MyItemDecoration extends RecyclerView.ItemDecoration {
    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        super.getItemOffsets(outRect, view, parent, state);
        int index = ((StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams()).getSpanIndex();
    }
}

Источник

user1600243 29 дек '15 в 02:42

Это более гибкая версия, которую я написал на Kotlin, вы можете установить свои параметры в dp.

      class ItemDividerGrid(private val numberOfColumns: Int, private val rowSpacingDP: Float = 0f, private val columnSpacingDP: Float = 0f, private val edgeSpacingVerticalDP: Float = 0f, private val edgeSpacingHorizontalDP: Float = 0f) : ItemDecoration() {

    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        val position = parent.getChildAdapterPosition(view)
        val numberOfRows = (parent.adapter?.itemCount?:-1)/numberOfColumns
        val column = position % numberOfColumns
        val row = position / numberOfColumns
        val context = view.context
        ///horizontal
        when(column){
            0 -> {
                outRect.left = convertDpToPixel(edgeSpacingVerticalDP,context)
                outRect.right = convertDpToPixel(columnSpacingDP/2, context)
            }
            numberOfColumns-1 -> {
                outRect.left = convertDpToPixel(columnSpacingDP/2, context)
                outRect.right = convertDpToPixel(edgeSpacingVerticalDP, context)
            }
            else -> {
                outRect.left = convertDpToPixel(columnSpacingDP/2, context)
                outRect.right = convertDpToPixel(columnSpacingDP/2, context)
            }
        }
        //vertical
        when(row){
            0  -> {
                outRect.top = convertDpToPixel(edgeSpacingHorizontalDP,context)
                outRect.bottom = convertDpToPixel(rowSpacingDP/2, context)
            }
            numberOfRows -> {
                outRect.top = convertDpToPixel(rowSpacingDP/2, context)
                outRect.bottom = convertDpToPixel(edgeSpacingHorizontalDP, context)
            }
            else -> {
                outRect.top = convertDpToPixel(rowSpacingDP/2, context)
                outRect.bottom = convertDpToPixel(rowSpacingDP/2, context)
            }
        }
    }
    fun convertDpToPixel(dp: Float, context: Context?): Int {
        return if (context != null) {
            val resources = context.resources
            val metrics = resources.displayMetrics
            (dp * (metrics.densityDpi.toFloat() / DisplayMetrics.DENSITY_DEFAULT)).roundToInt()
        } else {
            val metrics = Resources.getSystem().displayMetrics
            (dp * (metrics.densityDpi.toFloat() / DisplayMetrics.DENSITY_DEFAULT)).roundToInt()
        }
    }
}

Источник

user8016507 23 мар '21 в 23:05

public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {

    private int spanCount;
    private int spacing;
    private boolean includeEdge;

    public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge) {
        this.spanCount = spanCount;
        this.spacing = spacing;
        this.includeEdge = includeEdge;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        StaggeredGridLayoutManager.LayoutParams params = (StaggeredGridLayoutManager.LayoutParams) view.getLayoutParams();
        int column = params.getSpanIndex();

        if (includeEdge) {
            outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
            outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

            if (position < spanCount) { // top edge
                outRect.top = spacing;
            }
            outRect.bottom = spacing; // item bottom
        } else {
            outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
            outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f /    spanCount) * spacing)
            if (position >= spanCount) {
                outRect.top = spacing; // item top
            }
        }
    }
}

Немного отличается от ответа Эдвардаа, разница в том, как определяется столбец, потому что в таких случаях, как элементы с различной высотой, столбец не может быть определен просто% spanCount

Источник

user6385168 26 май '16 в 08:38

Если вы прокрутили достаточно далеко, чтобы получить этот ответ, я написал библиотеку для равных интервалов, которая поддерживает Vertical / Horizontal, LTR / RTL, LinearLayout / GridLayout manager и включение Edge. По сути, это один файл, поэтому вы можете скопировать и вставить этот файл в свой код.

Я пытался поддержать StaggeredGridLayoutно индекс диапазона, возвращаемый этим макетом, ненадежен. Буду рад выслушать любые предложения по этому поводу.

3

Источник

user1660013 19 дек '20 в 12:04

Для тех, у кого проблемы с staggeredLayoutManager (например, https://imgur.com/XVutH5u)

методы recyclerView:

getChildAdapterPosition(view)
getChildLayoutPosition(view)

иногда возвращает -1 в качестве индекса, поэтому мы можем столкнуться с проблемами при настройке itemDecor. Мое решение состоит в том, чтобы переопределить устаревший метод ItemDecoration:

public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent)

вместо новичка

public void getItemOffsets(Rect outRect, View view, RecyclerView parent, State state)

как это:

recyclerView.addItemDecoration(new RecyclerView.ItemDecoration() {
            @Override
            public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) {
                TheAdapter.VH vh = (TheAdapter.VH) recyclerView.findViewHolderForAdapterPosition(itemPosition);
                View itemView = vh.itemView;    //itemView is the base view of viewHolder
                //or instead of the 2 lines above maybe it's possible to use  View itemView = layoutManager.findViewByPosition(itemPosition)  ... NOT TESTED

                StaggeredGridLayoutManager.LayoutParams itemLayoutParams = (StaggeredGridLayoutManager.LayoutParams) itemView.getLayoutParams();

                int spanIndex = itemLayoutParams.getSpanIndex();

                if (spanIndex == 0)
                    ...
                else
                    ...
            }
        });

Кажется, работает для меня до сих пор:)

3

Источник

user6094503 11 окт '18 в 12:14

Вот моя модификация SpacesItemDecoration который может занимать numOfColums и пространство одинаково сверху, снизу, слева и справа.

public class SpacesItemDecoration extends RecyclerView.ItemDecoration {
    private int space;
    private int mNumCol;

    public SpacesItemDecoration(int space, int numCol) {
        this.space = space;
        this.mNumCol=numCol;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view,
                               RecyclerView parent, RecyclerView.State state) {

        //outRect.right = space;
        outRect.bottom = space;
        //outRect.left = space;

        //Log.d("ttt", "item position" + parent.getChildLayoutPosition(view));
        int position=parent.getChildLayoutPosition(view);

        if(mNumCol<=2) {
            if (position == 0) {
                outRect.left = space;
                outRect.right = space / 2;
            } else {
                if ((position % mNumCol) != 0) {
                    outRect.left = space / 2;
                    outRect.right = space;
                } else {
                    outRect.left = space;
                    outRect.right = space / 2;
                }
            }
        }else{
            if (position == 0) {
                outRect.left = space;
                outRect.right = space / 2;
            } else {
                if ((position % mNumCol) == 0) {
                    outRect.left = space;
                    outRect.right = space/2;
                } else if((position % mNumCol) == (mNumCol-1)){
                    outRect.left = space/2;
                    outRect.right = space;
                }else{
                    outRect.left=space/2;
                    outRect.right=space/2;
                }
            }

        }

        if(position<mNumCol){
            outRect.top=space;
        }else{
            outRect.top=0;
        }
        // Add top margin only for the first item to avoid double space between items
        /*
        if (parent.getChildLayoutPosition(view) == 0 ) {

        } else {
            outRect.top = 0;
        }*/
    }
}

и используйте приведенный ниже код в вашей логике.

recyclerView.addItemDecoration(new SpacesItemDecoration(spacingInPixels, numCol));

3

Источник

user5094343 10 фев '16 в 17:18

Версия Kotlin, которую я сделал, основанная на великолепном ответе edwardaa

class RecyclerItemDecoration(private val spanCount: Int, private val spacing: Int) : RecyclerView.ItemDecoration() {

  override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {

    val spacing = Math.round(spacing * parent.context.resources.displayMetrics.density)
    val position = parent.getChildAdapterPosition(view)
    val column = position % spanCount

    outRect.left = spacing - column * spacing / spanCount
    outRect.right = (column + 1) * spacing / spanCount

    outRect.top = if (position < spanCount) spacing else 0
    outRect.bottom = spacing
  }

}

Источник

user945247 24 фев '18 в 19:59

Существует очень простое и в то же время гибкое решение этой проблемы с использованием только XML, который работает на каждом LayoutManager.

Предположим, вы хотите равный интервал X (например, 8dp).

Оберните ваш элемент CardView в другой макет
Дайте внешнему макету отступ X/2 (4dp)
Сделать внешний фон Layout прозрачным

...

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:background="@android:color/transparent"
    android:padding="4dip">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </android.support.v7.widget.CardView>

</LinearLayout>

Дайте вашему RecyclerView отступ X/2 (4dp)

...

<android.support.v7.widget.RecyclerView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="4dp" />

и это все. У вас идеальный интервал X (8dp).

Источник

user2975750 25 фев '16 в 09:01

Для таких, как я, кто хочет лучший ответ, но в котлине, вот он:

class GridItemDecoration(
    val spacing: Int,
    private val spanCount: Int,
    private val includeEdge: Boolean
) :
    RecyclerView.ItemDecoration() {

    /**
     * Applies padding to all sides of the [Rect], which is the container for the view
     */
    override fun getItemOffsets(
        outRect: Rect,
        view: View,
        parent: RecyclerView,
        state: RecyclerView.State
    ) {
        val position = parent.getChildAdapterPosition(view) // item position
        val column = position % spanCount // item column
        if (includeEdge) {
            outRect.left =
                spacing - column * spacing / spanCount // spacing - column * ((1f / spanCount) * spacing)
            outRect.right =
                (column + 1) * spacing / spanCount // (column + 1) * ((1f / spanCount) * spacing)
            if (position < spanCount) { // top edge
                outRect.top = spacing
            }
            outRect.bottom = spacing // item bottom
        } else {
            outRect.left =
                column * spacing / spanCount // column * ((1f / spanCount) * spacing)
            outRect.right =
                spacing - (column + 1) * spacing / spanCount // spacing - (column + 1) * ((1f /    spanCount) * spacing)
            if (position >= spanCount) {
                outRect.top = spacing // item top
            }
        }
    }
}

плюс, если вы хотите получить номер из файла sizes.xml, а затем преобразовать его в необработанный пиксель, вы можете легко это сделать, используяgetDimensionPixelOffset легко вот так:

recyclerView.addItemDecoration(
                GridItemDecoration(
                    resources.getDimensionPixelOffset(R.dimen.h1),
                    3,
                    true
                )
            )

Источник

user2472350 10 авг '20 в 18:17

Ответы на этот вопрос кажутся более сложными, чем они должны быть. Вот мой взгляд на это.

Допустим, вам нужен интервал 1dp между элементами сетки. Сделайте следующее:

Добавьте отступ 0,5dp к каждому элементу
Добавьте отступ -0.5dp в RecycleView
Это оно!:)

Источник

user3247674 19 дек '19 в 14:01

Если у вас есть тумблер, который переключается между списком и сеткой, не забудьте позвонить recyclerView.removeItemDecoration() перед установкой любого нового предмета украшения. Если нет, то новые вычисления для расстояния будут неверными.

Что-то вроде этого.

        recyclerView.removeItemDecoration(gridItemDecorator)
        recyclerView.removeItemDecoration(listItemDecorator)
        if (showAsList){
            recyclerView.layoutManager = LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false)
            recyclerView.addItemDecoration(listItemDecorator)
        }
        else{
            recyclerView.layoutManager = GridLayoutManager(this, spanCount)
            recyclerView.addItemDecoration(gridItemDecorator)
        }

Источник

user4989435 02 апр '18 в 16:49

Для пользователей StaggeredGridLayoutManager будьте осторожны, здесь много ответов, включая наиболее проголосовавший, вычисляет столбец элемента с приведенным ниже кодом:

int column = position % spanCount

который предполагает, что 1-й /3-й /5-й /.. элементы всегда располагаются слева, а 2-й /4-й /6-й /.. элементы всегда расположены справа. Всегда ли это предположение верно? Нет.

Допустим, ваш 1-й предмет имеет высоту 100dp, а 2-й только 50dp, угадайте, где находится ваш 3-й предмет, слева или справа?

Источник

user3887589 16 янв '20 в 10:11

Что ж, для меня идеальным решением было установить ширину RecyclerView, у которой layoutmanager в качестве GridLayoutManager равен «wrap_content"

Источник

user9166855 31 окт '22 в 11:33

Убедитесь, что вы реализовали это в своем модуле gradle

          implementation 'com.github.grzegorzojdana:SpacingItemDecoration:1.1.0'

создать эту простую функцию

          public static int dpToPx(Context c, int dp) {
    Resources r = c.getResources();
    return Math.round(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, r.getDisplayMetrics()));
}

и, наконец, реализуйте интервал, как показано в этой строке

       photos_recyclerview.addItemDecoration(new SpacingItemDecoration(2,  dpToPx(this, 4), true));

Источник

user11339877 08 май '21 в 18:39

Это будет работать для RecyclerView с заголовком.

public class GridSpacingItemDecoration extends RecyclerView.ItemDecoration {

    private int spanCount;
    private int spacing;
    private boolean includeEdge;
    private int headerNum;

    public GridSpacingItemDecoration(int spanCount, int spacing, boolean includeEdge, int headerNum) {
        this.spanCount = spanCount;
        this.spacing = spacing;
        this.includeEdge = includeEdge;
        this.headerNum = headerNum;
    }

    @Override
    public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
        int position = parent.getChildAdapterPosition(view) - headerNum; // item position

        if (position >= 0) {
            int column = position % spanCount; // item column

            if (includeEdge) {
                outRect.left = spacing - column * spacing / spanCount; // spacing - column * ((1f / spanCount) * spacing)
                outRect.right = (column + 1) * spacing / spanCount; // (column + 1) * ((1f / spanCount) * spacing)

                if (position < spanCount) { // top edge
                    outRect.top = spacing;
                }
                outRect.bottom = spacing; // item bottom
            } else {
                outRect.left = column * spacing / spanCount; // column * ((1f / spanCount) * spacing)
                outRect.right = spacing - (column + 1) * spacing / spanCount; // spacing - (column + 1) * ((1f /    spanCount) * spacing)
                if (position >= spanCount) {
                    outRect.top = spacing; // item top
                }
            }
        } else {
            outRect.left = 0;
            outRect.right = 0;
            outRect.top = 0;
            outRect.bottom = 0;
        }
    }
    }
}