带有SnapHelper装饰的RecyclerView

Question

当我用SnapHelper将一个照片库实现为RecyclerView时，我有一个案例。有些照片（全屏宽度的照片）是“粘”在一起的。我想添加一些装饰，所以它在项目之间的空白，但只有当一个开始嘲笑否则我想要一张照片采取整个宽度。我试过：

在创建自定义装饰时，我设法将我的装饰画出屏幕，这样它就只显示在滚动上，但是当重写ondraw()时，它是不可见的--隐藏在下一张照片下，而当我重写ondrawover()时，下一张照片的边缘在Divider下。我正在玩添加填充到照片，并将其重置在回收器的空闲状态，但随后照片跳了一点。

我还想在每一张照片之间添加‘虚拟’项目，这将起到分割器的作用，并迫使回收器滚动两个位置每次，但似乎有更好的解决方案。

Answer 1

使用ItemDecoration是正确的，但是应该重写的方法是getItemOffsets()，而不是onDraw/onDrawover。它允许您在项目周围添加空间。

class LinearHorizontalSpacingDecoration(@Px private val innerSpacing: Int) :
    RecyclerView.ItemDecoration() {

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

        val itemPosition = parent.getChildAdapterPosition(view)

        outRect.left = if (itemPosition == 0) 0 else innerSpacing / 2
        outRect.right = if (itemPosition == state.itemCount - 1) 0 else innerSpacing / 2
    }
}

16dp间隔的结果：

我写了一篇中等的文章，描述了使用RecyclerView和SnapHelper逐步实现这种旋转木马的过程，如果您需要更多的细节（例如：如何实现缩放效果）。