两步实现RecyclerView标题浮动在顶端

最新推荐文章于 2021-07-15 10:45:33 发布

ChinaChanin

最新推荐文章于 2021-07-15 10:45:33 发布

阅读量3.2k

点赞数

分类专栏： android UI 文章标签： android

本文链接：https://blog.csdn.net/qq_27429143/article/details/72867252

版权

android UI 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

通过在RecyclerView上方覆盖一个与标题布局相同的View，并监听RecyclerView的滚动，动态调整该View的Y坐标，以此达到标题跟随滑动的悬浮效果。

摘要由CSDN通过智能技术生成

原理：用一个和title布局一样的view覆盖在RecyclerView上，然后根据RcyclerView的滚动改变view的Y坐标，实现view的滑入和滑出。

第一步：布局

<FrameLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/colorCard" />
    <include layout="@layout/view_node_title" />         //引用adapter中item中的title布局，保证标题样式一致
</FrameLayout>

第二步：实现滚动监听

rvContent.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        mTitleHeight = tvNodeTitle.getHeight();
    }

    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        View view = mManager.findViewByPosition(mCurrentPosition + 1);
        if (view != null) {
            if (view.getTop() <= mTitleHeight) {
                tvNodeTitle.setY(-(mTitleHeight - view.getTop())); //根据下一个条目距离RecyclerView顶部的距离设置覆盖View的Y值，实现覆盖View的滑出和滑入。
            } else {
                tvNodeTitle.setY(0);     //覆盖View全部显示
            }
        }
        if (mCurrentPosition != mManager.findFirstVisibleItemPosition()) {  //表示条目已经改变
            mCurrentPosition = mManager.findFirstVisibleItemPosition();
            tvNodeTitle.setY(0);                                            //重新设置覆盖View全部显示
            if (map != null) {
                tvNodeTitle.setText(map.keyAt(mCurrentPosition));           //重新设置覆盖View的标题
            }
        }
    }
});
tvNodeTitle.setText(map.keyAt(0));           //设置初始条目显示标题为lsit的第一条。