如何解决如何在GridLayout中设置RecylerView项目装饰
我有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(右侧填充)
我的问题是:
-
为什么我该行中的第二个项目从右侧获得16个填充,而不是第一个项目从左侧获得8个填充?
-
如何为所有尺寸设置相同的填充?
解决方法
要为每个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
结果:
,只需将您的Cardview宽度布局设置为Matchparent,例如边距为8dp。和带有wrap_content的高度。在处理recyclerViews时。最好避免为宽度和高度设置特定的度量。相信我,它将变得更容易,并且看起来更好。
P.s。在活动/片段内部设置布局的尺寸会影响性能。最好在xml文件中声明/定义UI。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。