上滑下滑 viewpager + tablayout 跨页面 Behavior联动效果

最新推荐文章于 2023-12-10 08:13:08 发布

sunan_n

最新推荐文章于 2023-12-10 08:13:08 发布

阅读量948

点赞数 1

分类专栏： Android 文章标签： android viewpager

本文链接：https://blog.csdn.net/sinat_32961877/article/details/104814320

版权

跨页面实现联动效果

Behavior实现 viewpager + tablayout 上下滑动隐藏显示tablayout ，联动main 页面的底部导航栏也一起显示隐藏
先看图
在这里插入图片描述

找了一下，基本上都是单页面的Behavior实现的效果，要么就是自定义Behavior来实现各种view的交互的，没有demo是跨页面来实现顶部底部联动的，，可能是别人家的产品没那么皮吧
先说一下实现思路，
viewpager + tablayout 页面也就是有滑动view RecyclerView 或者 NestedScrollView或者别的View，就用系统自带的appbar_scrolling_view_behavior 这个属性就可以，看布局：

TabLayout 需要用AppBarLayout去包裹一下，不然因为是父布局CoordinatorLayout 属性类似FrameLayout，TabLayout会和viewpager 重叠,
AppBarLayout 加上属性：
android:background="@null" 去掉AppBarLayout背景色，
app:elevation=“0dp” 去掉阴影效果,
就不会影响 TabLayout 的样式了

<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tl="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation=