RecyclerView使用ItemDecoration处理GridLayoutManager的多列间距

原创

已于 2024-11-12 17:05:16 修改 · 1.6k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-11-12 16:50:59 首次发布

在工作中遇到一个需求，需要写一个列表，要求每行三个子Item，且子Item均匀分布。
初看很简单，RecyclerView使用GridLayoutManager直接设置3列即可。
设置如下：

recyclerView?.layoutManager = GridLayoutManager(this,3)
recyclerView?.adapter = mAdapter

这时问题出现了，本来期望的是
|[] [] []|
但现在呈现的是
|[] [] [] |
|代表边缘，[]代表子Item。

上面问题在于子Item彼此间的距离有问题，因此采用ItemDecoration来计算得出合适的间距。
自定义ItemDecoration时，有几个注意点：

距离的设置要重写getItemOffsets，背景色或额外的图形要重写onDraw
getItemOffsets会在每个子Item测量绘制时都执行一次，onDraw只会执行一次。
fun getItemOffsets(outRect: Rect,view: View,parent: RecyclerView,state: RecyclerView.State)
- outRect可以设置子Item的四个方向的偏移。但一般水平方向或竖直方向只设置一个值即可达到移动的目的。
在默认情况下，recyclerview的竖直方向是可以延伸的，但水平方向不会。两个方向的间距计算不一样。
- 竖直方向比较简单，偏移的距离是在前面子Item的基础上偏移。因此直接设置偏移距离就可以。
- 水平方向的计算稍微麻烦一点，是在原布局基础上进行的偏移，而不是