时间戳

首页 > 解决方案 > CoordinatorLayout 中的 ViewPager（用于粘性标题）导致滚动中断

android - CoordinatorLayout 中的 ViewPager（用于粘性标题）导致滚动中断

问题描述

在这里演示问题的测试应用程序：https ://github.com/jstubing/ViewPagerTest

我正在使用 CoordinatorLayout/AppBarLayout 组合在可滚动页面中实现粘性标题。在页面的最底部是一个 ViewPager2。当我滑动到新ViewPager页面时，内容会异步加载并填充RecyclerView到 ViewPager 中。这一切都很好。

当我滑动到新ViewPager页面时会出现问题。此时，内容加载并呈现正常，但我不再能够在 ViewPager 之外启动滚动。换句话说，在“UPPER PAGE CONTENT”部分（参见 XML）上下滑动没有任何作用。

但是，在 ViewPager 中上下滚动确实有效。如果我在 ViewPager 中向上或向下滚动，或者甚至只是点击 ViewPager 一次，它会修复所有问题，并且我可以再次从ViewPager.

我尝试切换到原始ViewPager而不是 ViewPager2，它肯定更可靠，但问题仍然经常发生。

有什么想法可以解决这个问题吗？最终，我只想能够在ViewPager页面之间滑动并让整个活动保持可滚动状态。我很困惑为什么我首先失去了滚动能力，以及为什么点击ViewPager修复它。

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

    <androidx.coordinatorlayout.widget.CoordinatorLayout
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:elevation="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <com.google.android.material.appbar.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/background"
            app:elevation="0dp">

            <androidx.constraintlayout.widget.ConstraintLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginBottom="32dp"
                app:layout_scrollFlags="scroll">

                <!-- UPPER PAGE CONTENT -->

            </androidx.constraintlayout.widget.ConstraintLayout>

            <!-- Sticky header -->
            <include
                android:id="@+id/sticky_header"
                layout="@layout/sticky_header"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />

        </com.google.android.material.appbar.AppBarLayout>

        <androidx.viewpager2.widget.ViewPager2
            android:id="@+id/events_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </androidx.coordinatorlayout.widget.CoordinatorLayout>
</androidx.constraintlayout.widget.ConstraintLayout>

标签： androidandroid-layoutandroid-coordinatorlayoutandroid-appbarlayoutandroid-viewpager2

解决方案

当我滑动到新的 ViewPager 页面时会出现问题。此时，内容加载并呈现正常，但我不再能够在 ViewPager 之外启动滚动。

我再次能够从 ViewPager 外部启动滚动。

因此，问题现在仅限于ViewPager. 很可能是因为ViewPager2支持通过其内部嵌套滚动RecyclerView（我不是指RecyclerView页面的，而是在ViewPager内部生成函数的那个​​。

所以，首先我们需要禁用这个嵌套滚动ViewPager2：

科特林：

viewPager.children.find { it is RecyclerView }?.let {
        (it as RecyclerView).isNestedScrollingEnabled = false
}

爪哇：

for (int i = 0; i < viewPager.getChildCount(); i++) {
    View child = viewPager.getChildAt(i);
    if (child instanceof RecyclerView) 
        child.setNestedScrollingEnabled(false);
}

我们不能完全禁用嵌套滚动，因为这会严重影响外部滚动，因此，我们可以通过NestedScrollView包装ViewPager:

<androidx.core.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">

    <androidx.viewpager2.widget.ViewPager2
        android:id="@+id/events_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent />

</androidx.core.widget.NestedScrollView>

推荐阅读