如何在GridLayout中设置RecylerView项目装饰

编程问答 2022-08-11

问题描述

我有2个跨度的简单网格布局，而我的RecyclerView项目布局如下：

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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">

    <com.google.android.material.card.MaterialCardView
        android:id="@+id/categoryCardView"
        android:layout_width="170dp"
        android:layout_height="100dp"
        app:cardBackgroundColor="@color/colorPrimary"
        app:cardCornerRadius="10dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

    </com.google.android.material.card.MaterialCardView>
</androidx.constraintlayout.widget.ConstraintLayout>

我想要的基本上是四周均匀的空间，所以我将项目装饰设置如下：

        recylcerView.addItemdecoration(SpacingItemDecorator(16))

class SpacingItemDecorator (private val padding: Int): RecyclerView.Itemdecoration() {
    override fun getItemOffsets(outRect: Rect,view: View,parent: RecyclerView,state: RecyclerView.State) {
        super.getItemOffsets(outRect,view,parent,state)
//        outRect.right = padding
//        outRect.top = padding * 2

        outRect.top = padding
        outRect.right = padding/2
        outRect.left = padding/2
    }
}

但是，正如我所期望的，我得到了错误的行为。顶部/底部是可以的，但是例如，如果我向SpacingItemDecorator传递了16个填充（正如我说的那样，我连续有2个条目），则第一个条目将如预期的那样在左侧获得8个该项目，空间将为16（第一个项目的右侧为8，第二个项目的左侧为8）。

但是最奇怪的是，第二项也从右侧获得16，而不是8（右侧填充）

我的问题是：

  1. 为什么我该行中的第二个项目从右侧获得16个填充，而不是第一个项目从左侧获得8个填充？

  2. 如何为所有尺寸设置相同的填充？

解决方法

要为每个RecyclerView项获取8dp填充，您可以将RecyclerView填充设置为4dp：

<androidx.recyclerview.widget.RecyclerView
    android:padding="4dp"
    android:id="@+id/recyclerView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layoutManager="androidx.recyclerview.widget.GridLayoutManager"
    app:spanCount="3"
    />

现在，在您的ItemDecorator中添加以下内容：

class SpacingItemDecorator (private val padding: Int) : RecyclerView.ItemDecoration()
{
    override fun getItemOffsets(
        outRect: Rect,view: View,parent: RecyclerView,state: RecyclerView.State
    )
    {
        super.getItemOffsets(outRect,view,parent,state)
        outRect.top = padding
        outRect.bottom = padding
        outRect.left = padding
        outRect.right = padding
    }
}

现在在onCreate（或任何设置RecylcerView的位置）中，您可以添加此项目装饰器，其填充设置为4：

val x = (resources.displayMetrics.density * 4).toInt() //converting dp to pixels
recyclerView.addItemDecoration(SpacingItemDecorator(x)) //setting space between items in RecyclerView

结果：

enter image description here

,

只需将您的Cardview宽度布局设置为Matchparent，例如边距为8dp。和带有wrap_content的高度。在处理recyclerViews时。最好避免为宽度和高度设置特定的度量。相信我，它将变得更容易，并且看起来更好。

P.s。在活动/片段内部设置布局的尺寸会影响性能。最好在xml文件中声明/定义UI。

androidandroidandroid-arrayadapterandroid-layoutandroid-recyclerviewkotlinkotlin