tablayout 悬浮与顶部效果，仿饿了么列表悬停效果

最新推荐文章于 2024-09-25 15:58:02 发布

shan_zwq

最新推荐文章于 2024-09-25 15:58:02 发布

阅读量1.3w

点赞数 4

分类专栏：自定义view 文章标签： tablayout 悬浮 recycle头部悬浮 view悬浮

本文链接：https://blog.csdn.net/shanshan_1117/article/details/79608742

版权

该博客演示如何实现TabLayout在顶部悬浮，模仿饿了么列表悬停效果。利用CoordinatorLayout和AppBarLayout的悬停功能，结合RecyclerView滑动监听，确保悬浮View与header重合。内容包括设置layout_scrollFlags、在RecyclerView中添加headview的方法，以及监听滑动调整悬浮位置的代码示例。还补充了如何添加AppBarStateChangeListener来监听AppBarLayout的状态改变，以更新标题。

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

本demo实现了tablayout 悬浮与顶部效果，仿饿了么列表悬停效果，基于CoordinatorLayout 悬停功能，使tablayout实现悬停效果，再监听RecyclerView 滑动，使需要悬停的View与header重合，使view悬停，此时header只负责占位；

上效果图：

下面介绍下实现逻辑：

首先基于CoordinatorLayout +AppBarLayout悬停功能，使tablayout实现悬停效果:

通过layout_scrollFlags属性实现，app:layout_scrollFlags属性里面必须至少启用scroll这个flag，这样上面的view才会滚动出屏幕，否则它将一直固定在顶部。

代码示例：

 <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/rv_title">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#fff"
            android:fitsSystemWindows="true"
            app:elevation="0dp">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_heig