如何在Android中构建类似Play Store的自定义横向RecyclerView？

下面分步骤实现两个需求：

1. 实现横向RecyclerView首部留空白 #

推荐使用ItemDecoration实现，无需修改Adapter逻辑，侵入性更低：

• 自定义首部间距Decoration

class StartPaddingDecoration(private val startPadding: Int) : RecyclerView.ItemDecoration() {
    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        super.getItemOffsets(outRect, view, parent, state)
        // 仅为第一个item添加左侧空白
        if (parent.getChildAdapterPosition(view) == 0) {
            outRect.left = startPadding
        }
    }
}

• 给RecyclerView添加Decoration

// 按需求替换为你需要的空白宽度，这里示例从dimens资源读取
val padding = resources.getDimensionPixelSize(R.dimen.recycler_start_padding)
recyclerView.addItemDecoration(StartPaddingDecoration(padding))

2. 实现滚动时背景图逐渐淡出 #

给RecyclerView添加滚动监听，根据横向滚动偏移量动态调整背景图的透明度：

recyclerView.addOnScrollListener(object : RecyclerView.OnScrollListener() {
    // 累计横向滚动距离
    private var scrollXTotal = 0
    // 透明度渐变的滚动阈值，滚动距离达到该值时背景完全透明
    private val fadeMaxScroll = resources.getDimensionPixelSize(R.dimen.background_fade_threshold)

    override fun onScrolled(recyclerView: RecyclerView, dx: Int, dy: Int) {
        super.onScrolled(recyclerView, dx, dy)
        scrollXTotal += dx
        // 计算透明度，限制在0~1区间
        val alpha = (1f - scrollXTotal.toFloat() / fadeMaxScroll).coerceIn(0f, 1f)
        // 替换为你的背景图控件实例
        backgroundImage.alpha = alpha
    }
})

注意事项 #

• 背景图控件需要和RecyclerView处于同级布局，不要放在RecyclerView的子项中，避免滚动时出现抖动
• 可根据实际需求调整fadeMaxScroll的数值，控制淡出的快慢
• 该逻辑兼容滚动回弹场景，回滚到顶部时背景图会自动恢复显示

内容的提问来源于stack exchange，提问作者Kaustav