RecyclerView使用GridLayoutManager 设置间距一致大小

RecyclerView使用GridLayoutManager 设置间距的时候需要重写RecyclerView.ItemDecoration这个类来设置间距。如下图:

但由于网格类型下左右都有Item,要想每个item上下左右间距保持一致,单独设置item的间距不太容易实现,这个时候同时设置RecyclerView的Padding值更容易实现。

item的布局如下:`<?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”>

<ImageView
        android:id="@+id/iv_cover"
        android:src="@drawable/default_cover"
        app:layout_constraintDimensionRatio="1:1"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_width="0dp"
        android:layout_height="0dp" />

<TextView
        android:id="@+id/tv_album_name"
        android:layout_marginTop="10dp"
        tools:text="专辑名称"
        android:textColor="@color/common_black_text"
        android:textSize="@dimen/common_text_size_15sp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toBottomOf="@id/iv_cover"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</androidx.constraintlayout.widget.ConstraintLayout>`

这里我用的ConstraintLayout,其实不管用什么,只要保持Item的布局充满屏幕即可。
然后设置RecyclerView的addItemDecoration 以及PaddingLeft值。

	 val space = SizeUtils.dp2px(10f)
     recyclerView.addItemDecoration(SpacesItemDecoration(space))
     recyclerView.setPadding(space, 0, 0, 0)
     

ItemDecoration 类中的代码。只要设置每个Item的右边距就可以,这样既能保持Item大小一致,左右间距也是一致的。

class SpacesItemDecoration(val space: Int) : RecyclerView.ItemDecoration() {

    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        if (parent.layoutManager is GridLayoutManager) {
            outRect.top = space
            outRect.right = space
        }
    }
}

其实就是一种思路,如果你的Item不是充满屏幕的,而是固定值得大小。

比如每行3个item。 
item间距 = (屏幕宽度 - item 宽度*3) 除以 (3 + 1)

然后在和上面一样去设置Padding值和ItemDecoration就可以了。

  • 5
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值