CoordinatorLayout与NestedScrollView和ViewPager不兼容

Question

我最近使用了Android设计支持库，并且有以下代码实现了我的可折叠工具栏。

<android.support.design.widget.CoordinatorLayout
    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"
    >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/media_detail_appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        >

        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            app:contentScrim="?attr/colorPrimary"
            >

            <include
                layout="@layout/layout_card"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />

            <android.support.v7.widget.Toolbar
                android:id="@+id/media_detail_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin"
                />

        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
        >

        <android.support.design.widget.TabLayout
            android:id="@+id/media_detail_tabs"
            android:layout_width="match_parent"
            android:layout_height="?android:attr/actionBarSize"
            android:background="@color/blue_2"
            app:tabMode="scrollable"
            />

        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />

    </LinearLayout>

</android.support.design.widget.CoordinatorLayout>

我有两个片段用于视图翻页。一个是NestedScrollView，另一个是Recycler View。我的问题在于NestedScrollView，以下是代码。

<android.support.v4.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

我的问题是，当您向上滚动视图时，只要手指在侧面稍微移动一下，就会触发视图页面的水平滚动。你能帮我避免这个问题吗？当我们上下滚动时，不应该触发视图页面。在我的 recycler view fragment 中，它工作得很好。谢谢。

- Shumin Gao

---

你找到这个问题的解决方案了吗？ - dgngulcan

Answer 1

我尝试使用这些库的最新版本进行相同的布局

compile 'com.android.support:appcompat-v7:23.1.1'
compile 'com.android.support:design:23.1.1'

它按照预期的方式工作良好，即：

如果手势主要是垂直滚动（甚至是对角线），则NestedScrollView触发滚动，否则，如果手势主要是水平滑动（即使有最小的垂直间隙），ViewPager触发滑动。 要解决问题，请升级您的库。

- GPack

---

尽管我使用了23.1.1版本的支持库，但当我滑动时，它会在垂直方向上移动0.5秒，然后继续水平移动。在滑动停止时，它会改变轴向。 - dgngulcan

这个问题不是因为库版本的原因，因为它不是一个 bug 而是按设计来的。如果你查看 ViewPager 的 onInterceptTouchEvent() 方法，你就可以明白为什么了。它会拦截触摸事件，并在检测到足够的水平滚动时接管控制。 - MarkoR

Answer 2

到目前为止，我找到的最好的解决方案是跟踪触摸事件并判断用户何时垂直滚动，然后在用户将手指离开屏幕之前禁用ViewPager滚动。

将以下内容添加到您的活动中：

private float startX;
private float startY;

@Override
public boolean dispatchTouchEvent(MotionEvent event)
{
    if (event.getAction() == MotionEvent.ACTION_DOWN)
    {
        startX = event.getX();
        startY = event.getY();
    }
    else if (event.getAction() == MotionEvent.ACTION_MOVE &&
        Math.abs(event.getX() - startX) < Math.abs(event.getY() - startY) &&
        Math.abs(event.getY() - startY) > 20)
    {
        ViewPager viewPager = findViewById(R.id.view_pager);
        viewPager.requestDisallowInterceptTouchEvent(true);
    }

    return super.dispatchTouchEvent(event);
}

一些注释：

• requestDisallowInterceptTouchEvent 禁止ViewPager拦截触摸事件，直到用户将手指离开屏幕，之后如果用户开始水平滚动以更改选项卡，则会正常工作。
• 20 是我发现最好的垂直滚动距离阈值，可以随意更改。

- MarkoR