android recyclerview 顶部滑动导航栏

你可以通过在 RecyclerView 外部嵌套一个带有滑动导航栏的布局来实现这个效果。具体步骤如下：

1. 在布局文件中创建一个带有滑动导航栏的布局，例如使用 TabLayout 和 ViewPager2 实现：

<com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabGravity="center"
    app:tabMode="scrollable" />

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

2. 在代码中初始化 TabLayout 和 ViewPager2，并设置 Adapter：

val tabLayout: TabLayout = findViewById(R.id.tab_layout)
val viewPager: ViewPager2 = findViewById(R.id.view_pager)

val adapter = MyAdapter(supportFragmentManager, lifecycle)
viewPager.adapter = adapter

TabLayoutMediator(tabLayout, viewPager) { tab, position ->
    tab.text = "Tab ${position + 1}"
}.attach()

3. 在 Adapter 中创建 RecyclerView，并在 onCreateViewHolder 中返回 ViewHolder：

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
    if (viewType == TYPE_RECYCLER_VIEW) {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.recyclerview_layout, parent, false)
        return RecyclerViewHolder(view)
    } else {
        val view = LayoutInflater.from(parent.context).inflate(R.layout.view_pager_layout, parent, false)
        return ViewPagerHolder(view)
    }
}

4. 在 RecyclerView 的 Adapter 中添加一个 header item，用来显示滑动导航栏，例如：

override fun getItemViewType(position: Int): Int {
    return if (position == 0) TYPE_HEADER else TYPE_RECYCLER_VIEW
}

override fun getItemCount(): Int {
    return list.size + 1 // 添加一个 header item
}

override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {
    if (holder is RecyclerViewHolder) {
        val item = list[position - 1] // 减去 header item

        holder.bind(item)
    }
}

5. 在 RecyclerView 的 LayoutManager 中，设置偏移量来使 RecyclerView 的内容不会被滑动导航栏遮挡：

val layoutManager = LinearLayoutManager(this)
recyclerView.layoutManager = layoutManager

recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
        super.getItemOffsets(outRect, view, parent, state)
        if (parent.getChildAdapterPosition(view) == 0) {
            outRect.top = tabLayout.height
        }
    }
})

这样，你就可以在 RecyclerView 中添加一个顶部滑动导航栏了。