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

Question

我在 SwipeRefreshLayout 中使用 android.support.design.widget.TabLayout，我注意到如果我的水平滑动有任何轻微的向下变化，则 SwipeRefreshLayout 在水平寻呼机滑动之前被处理。因此，目前很难滑动查看寻呼机。

我想修改 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 页面的内容不滚动，这将正常工作。但是，如果他们这样做，您最终会遇到另一个问题。向下滚动视图以到达顶部将被 SwipeRefreshLayout 覆盖，您将只能滚动到底部。

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

SwipeRefreshLayout 的放置也会影响其正常工作。如果你在 ViewPager 的 Views 之外有它，并且一个页面的滚动视图是 'at the top' 并且你滑动到另一个页面，你将必须检查新视图是否也在顶部。我在同一个 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);
    }
}

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

How can I modify the SwipeRefreshLayout swipe behavior when within a TabLayout

android

android-support-library