解决在 Material Design 中使用 CoordinatorLayout 和 ViewPager 崩溃问题

在使用 Material Design 设计风格的 Android 应用中，很多场景都需要使用到 CoordinatorLayout 和 ViewPager 进行布局和切换。但有时会遇到使用这两个组件时出现的崩溃问题，本文将介绍这个问题及其解决方案。

问题描述

通常使用 CoordinatorLayout 和 ViewPager 进行联动操作的方式是，在 CoordinatorLayout 中嵌套 ViewPager，当用户滑动 ViewPager 时，通过 CoordinatorLayout 传递事件来触发一些特效或者布局的变化。然而，在某些情况下，我们会遇到这样的问题：

• 当使用 RecyclerView 作为 ViewPager 的 adapter 时，会在滑动到最后一页时崩溃。
• 当使用 FragmentStatePagerAdapter 作为 ViewPager 的 adapter 时，会在快速切换 ViewPager 页面时崩溃。

这些崩溃现象都是由 CoordinatorLayout 和 ViewPager 之间的事件冲突引起的。

解决方案

为了解决这个问题，我们需要对 CoordinatorLayout 进行一些配置，以便正确处理事件的传递。具体操作是将 ViewPager 嵌套在一个 NestedScrollView 内，并用 NestedScrollView 替代原来的 ViewPager。NestedScrollView 可以精确的控制事件的分发，并且支持滑动到底部后进行分页加载数据。

以下是具体的示例代码：

// javascriptcn.com 代码示例
<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <!--TODO 嵌套的 ViewPager，此处使用了 FragmentPagerAdapter-->
        <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

    </android.support.v4.widget.NestedScrollView>

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

在 Activity 或 Fragment 中需要对 ViewPager 进行设置：

// javascriptcn.com 代码示例
ViewPager viewPager = findViewById(R.id.viewPager);
// 这里创建的是 FragmentStatePagerAdapter，也可以根据情况使用其他适配器
FragmentStatePagerAdapter adapter = new FragmentStatePagerAdapter(getSupportFragmentManager()) {
    @Override
    public Fragment getItem(int position) {
        // TODO 返回要显示的 Fragment
        return new MyFragment();
    }

    @Override
    public int getCount() {
        // TODO 返回 Fragment 的数量
        return 10;
    }
};
viewPager.setAdapter(adapter);

这样，我们就成功地避免了在使用 CoordinatorLayout 和 ViewPager 时出现的崩溃问题。

总结

在 Android Material Design 的开发中，我们通常会使用 CoordinatorLayout 和 ViewPager 这两个组件。然而，它们之间的事件传递会引发事件冲突，导致程序崩溃。为了解决这个问题，我们可以将 ViewPager 嵌套在一个 NestedScrollView 内，并将其作为 CoordinatorLayout 的直接子 View 使用。这样，我们就可以通过 NestedScrollView 精确地控制事件的传递，顺利地完成 CoordinatorLayout 和 ViewPager 的联动操作。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/651e956295b1f8cacd6440c4