android - 如何在 TabLayout 中修改 SwipeRefreshLayout 滑动行为

Question

我在 SwipeRefreshLayout 中使用 android.support.design.widget.TabLayout，并且我注意到，如果我的水平滑动有任何轻微的向下变化，则 SwipeRefreshLayout 会在水平寻呼机滑动之前处理。目前，由于这个原因，滑动 View 寻呼机有点困难。

我想修改 SwipeRefresh 仅当滑动更加垂直时才响应，以便水平滑动更容易。或者也许有更好的方法来解决这个问题？

这是我的示例应用程序的activity_main.xml

<android.support.v4.widget.SwipeRefreshLayout
android:id="@+id/swipeRefreshLayout"
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"
app:layout_behavior="@string/appbar_scrolling_view_behavior">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.TabLayout
        android:id="@+id/tabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>


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

</RelativeLayout>

这是我的 MainActivity 的 onCreate:

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mTabLayout = (TabLayout) findViewById(R.id.tabLayout);
        mSwipe = (SwipeRefreshLayout) findViewById(R.id.swipeRefreshLayout);
        mSwipe.setOnRefreshListener(this);

        mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
        mViewPager = (ViewPager) findViewById(R.id.viewPager);
        mViewPager.setAdapter(mSectionsPagerAdapter);
        mTabLayout.setupWithViewPager(mViewPager);
    }

Answer 1

我通过滚动解决了问题，但还有其他一些小事情需要考虑。通过在正确的时间禁用 SwipeRefreshLayout，可以很容易地使 ViewPager 和 SwipreRefreshLayout 更好地工作。

本质上，如果您监听 ViewPager 的 OnScrollChange 事件，您就知道用户何时开始 ViewPager 滚动，并在滚动完成时获得 SCROLL_STATE_IDLE。当状态不空闲时，我能够在 SwipeRefreshLayout 上使用 setEnable(false) 禁用刷新。这阻止了刷新的接管。

如果 ViewPagers 页面的内容不滚动，这将正常工作。但如果他们这样做了，你最终会遇到另一个问题。向下 ScrollView 到达顶部将被 SwipeRefreshLayout 覆盖，并且您只能向底部滚动。

我对这个新问题的解决方案是同时禁用 SwipeRefreshLayout ，除非 ScrollView 位于顶部。根据您的可 ScrollView 的不同，确定顶部会有所不同，因此我不会包含任何代码。

SwipeRefreshLayout 的位置也会影响其正常工作。如果您将其放在 ViewPager 中的 View 之外，并且一个页面的 ScrollView 位于“顶部”，并且您滑动到另一页面，则必须检查新 View 是否也位于顶部。我在同一个 ViewPager.OnPageChaneListener.onPageScrollStateChaned 中执行了此操作。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mTabLayout = (TabLayout) findViewById(R.id.tabLayout);
    mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipeRefreshLayout);
    mViewPager = (ViewPager) findViewById(R.id.viewPager);
    mOnPageChangeListener = new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float v, int i1) {
        }

        @Override
        public void onPageSelected(int position) {
        }

        @Override
        public void onPageScrollStateChanged(int state) {
            if (mSwipeRefreshLayout != null) {
                mSwipeRefreshLayout.setEnabled(state == ViewPager.SCROLL_STATE_IDLE);
            }
        }
    };
    mViewPager.addOnPageChangeListener(mOnPageChangeListener);
    mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
    mViewPager.setAdapter(mSectionsPagerAdapter);
    mTabLayout.setupWithViewPager(mViewPager);
    mSwipeRefreshLayout.setOnRefreshListener(this);
}

@Override
protected void onDestroy() {
    super.onDestroy();
    if (mViewPager != null) {
        mViewPager.removeOnPageChangeListener(mOnPageChangeListener);
    }
}