Tab Layout仅快速滑动时折叠、慢滑不折叠问题求助
ViewPager内页面缓慢上滑TabLayout不折叠,快速Fling才触发的问题排查
我遇到了一个奇怪的行为:在我的布局中,当我按住屏幕缓慢上滑ViewPager内的页面时,TabLayout不会折叠进Toolbar;但快速滑动(fling)时则会触发折叠效果。想请教下各位大佬这可能是什么原因?
相关布局文件
activity_home.xml
<layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:context=".newnav.home.HomeActivity"> <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" tools:context=".newnav.NavigationActivity"> <!-- Check whether do we need this surface view still? --> <SurfaceView android:id="@+id/surfaceView" android:layout_width="0dp" android:layout_height="0dp" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <com.my.package.view.MyToolBar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:background="@color/primary_color" /> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/toolbar" /> <com.my.package.view.SomeCustomView android:id="@+id/breaking_news_view" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" /> </RelativeLayout> <com.my.package.navigation.NavigationLayout android:id="@+id/navigation_layout" android:layout_width="320dp" android:layout_height="match_parent" android:layout_gravity="start" android:background="@android:color/white" android:fitsSystemWindows="true" /> </android.support.v4.widget.DrawerLayout> </layout>
fragment_home.xml(父布局包含Toolbar)
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <android.support.design.widget.CoordinatorLayout android:id="@+id/coordinatorLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.design.widget.AppBarLayout android:id="@+id/appBarLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/white" android:fitsSystemWindows="true" app:layout_behavior="com.nbc.news.newnav.home.NbcTabBarScrollingBehavior"> <android.support.design.widget.TabLayout android:id="@+id/tabLayout" style="@style/HomeTabDesign" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@drawable/top_nav_tab_bg" app:tabBackground="@color/transparent" android:elevation="4dp" android:minHeight="@dimen/tab_layout_height" app:layout_scrollFlags="scroll|enterAlways" app:tabGravity="fill" app:tabIndicatorColor="@color/home_tab_strip_color" app:tabIndicatorHeight="3dp" app:tabMaxWidth="0dp" app:tabMode="fixed" app:tabSelectedTextColor="@color/home_tab_text_color_selected" app:tabTextColor="@color/home_tab_text_color_normal" /> </android.support.design.widget.AppBarLayout> <com.my.package.view.MyViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent" app:layout_behavior="@string/appbar_scrolling_view_behavior" /> </android.support.design.widget.CoordinatorLayout> </layout>
section_fragment.xml(可滚动视图)
<?xml version="1.0" encoding="utf-8"?> <layout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <com.my.package.view.ProgressiveFrameLayout android:id="@+id/progressiveLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/divider_white" app:contentLayoutId="@id/contentLayout"> <FrameLayout android:id="@+id/contentLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v4.widget.SwipeRefreshLayout android:id="@+id/swipeRefreshLayout" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.v7.widget.RecyclerView android:id="@+id/sectionRecyclerView" android:layout_width="match_parent" android:descendantFocusability="blocksDescendants" android:layout_height="match_parent" android:background="@android:color/white" /> </android.support.v4.widget.SwipeRefreshLayout> <FrameLayout android:id="@+id/adContainer" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom|center_horizontal" /> </FrameLayout> </com.nbc.news.view.ProgressiveFrameLayout> </layout>
问题原因分析与解决方案
结合你的布局结构和表现,核心问题大概率出在自定义Behavior或者滚动事件传递环节,下面拆解具体可能性:
1. 自定义NbcTabBarScrollingBehavior的逻辑限制
你的AppBarLayout使用了自定义的滚动Behavior,而非官方的AppBarLayout.ScrollingViewBehavior。很多自定义Behavior会对滚动的速度或距离设置阈值:
- 比如只在检测到fling(快速滑动)的高速度时,才触发AppBar的折叠动画;
- 或者过滤掉了小幅度的缓慢滚动(比如dy值小于某个设定值就不处理)。
解决方案:
- 临时替换为官方Behavior测试:将
app:layout_behavior改为android.support.design.widget.AppBarLayout.ScrollingViewBehavior(AndroidX则用com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior),如果缓慢滑动恢复正常,那肯定是自定义Behavior的问题。 - 修改自定义Behavior的逻辑:检查
onNestedScroll、onNestedPreScroll、onFling方法,移除对滚动速度/距离的不必要限制,只要有向上的滚动位移(dy>0)就触发折叠逻辑。
2. 滚动事件传递被拦截或未正确感知
缓慢滑动时,RecyclerView的滚动事件可能没传递到CoordinatorLayout:
- RecyclerView嵌套滚动开关:确认
sectionRecyclerView.isNestedScrollingEnabled()为true(默认开启,但如果被代码手动关闭会导致CoordinatorLayout无法感知滚动); - SwipeRefreshLayout干扰:SwipeRefreshLayout的事件处理可能影响向上滚动的传递,可以临时移除它测试是否恢复正常;
- 自定义容器视图拦截:
ProgressiveFrameLayout如果重写了触摸事件方法,可能拦截了滚动事件,检查它的onTouchEvent或onInterceptTouchEvent逻辑。
3. ScrollFlags与Behavior的适配问题
你的TabLayout设置了scroll|enterAlways的scrollFlags,这个配置本身没问题,但如果自定义Behavior没有正确实现对这些flag的处理逻辑,也会导致滚动响应异常。官方Behavior会根据flag来决定滚动触发时机,而自定义实现可能遗漏了这部分逻辑,只处理了fling场景。
解决方案:
参考官方AppBarLayout.ScrollingViewBehavior的实现,确保自定义Behavior正确解析并响应scrollFlags的配置。
内容的提问来源于stack exchange,提问作者Psest328
相关产品推荐
相关产品推荐

