RecyclerView--简便的粘性头部的实现方式

最新推荐文章于 2025-06-05 16:58:52 发布

dleyy

最新推荐文章于 2025-06-05 16:58:52 发布

阅读量994

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签：粘性标题 RecyclerView 粘性头部

本文链接：https://blog.youkuaiyun.com/O_time/article/details/88569258

Android 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在RecyclerView中实现粘性头部。通过展示效果图和关键代码，解释了利用addOnScrollListener监听滑动并用setY方法调整头部位置的原理。同时提到了头部和item点击事件的设置方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上效果图:

原理

外层使用的是 FrameLayout 如你所见，上面的heard其实是一个浮在上面的 TextView ，当然我们可以根据自己的需要来设置头部的样式。

剩下的就简单了，我们只需要根据滑动的时候来动态更新头部的位置以及样式就ok了。当然，滑动监听使用的是 addOnScrollListener ，更新heard 的位置使用的是 setY 方法，然后计算 head 的位置，如代码所示。

上代码

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="match_parent"
    tools:context="com.example.lilei.kot.MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recycle"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/my_heard"
        android:layout_width="match_parent"
        android:background="@android:color/darker_gray"
        android:layout_height="40dp"
        android:textColor="#fff"
        android:gravity="center_vertical"
        android:text="测试"/>
</FrameLayout>

import android.support.v7.app.AppCompatActivity
import android.os.Bundle
import android.support.v7.widget.*
import android.util.Log
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    private lateinit var adapter:ListAdapter
    private lateinit var layoutManager: LinearLayoutManager
    private var currentPosition = 0
    private var measureHeight = 0

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        var data:ArrayList<String> = ArrayList()
        data.add("白日依山尽")
        data.add("黄河入海流")
        data.add("欲穷千里目")
        data.add("更上一层楼")
        data.add("落霞与孤鹜齐飞")
        data.add("秋水共长天一色")
        data.add("天高地迥,觉宇宙之无穷")
        data.add("兴尽归来,识盈虚之有数")

        adapter = ListAdapter(this,data)
        layoutManager = LinearLayoutManager(this)
        my_recycle.adapter = adapter
        my_recycle.addItemDecoration(DividerItemDecoration(this,DividerItemDecoration.VERTICAL))
        my_recycle.layoutManager = layoutManager
        my_heard.text = data[0];

        my_recycle.addOnScrollListener(object: RecyclerView.OnScrollListener(){

            override fun onScrollStateChanged(recyclerView: RecyclerView?, newState: Int) {
                super.onScrollStateChanged(recyclerView, newState)
                measureHeight = my_heard.measuredHeight
            }

            override fun onScrolled(recyclerView: RecyclerView?, dx: Int, dy: Int) {
                super.onScrolled(recyclerView, dx, dy)
                val view = layoutManager.findViewByPosition(currentPosition+1)
                if (view!=null){
                    if (view.top<=measureHeight){
                        my_heard.y = ((-(measureHeight - view.top)).toFloat())
                    }else{
                        my_heard.y = 0f
                    }
                }

                if (currentPosition!=layoutManager.findFirstVisibleItemPosition()){
                    //重置 head
                    currentPosition = layoutManager.findFirstVisibleItemPosition()
                    my_heard.y=0f

                    //更新 head 的内容
                    my_heard.text=data[currentPosition]
                }
            }
        })

        my_heard.setOnClickListener {
            Log.e("error","currentPosition====$currentPosition")
        }
    }
}