使用 NestedScrollView 处理 VerticalViewPager 的滚动

Question

背景：

我正在使用 ViewPager 的变体，它不是在水平方向滚动，而是在垂直方向滚动。

VerticalViewPager: https://android.googlesource.com/platform/packages/apps/DeskClock/+/master/src/com/android/deskclock/VerticalViewPager.java

android.support.v4.app.FragmentStatePagerAdapter 用于设置VerticalViewPager 中的内容。

每次调用getItem() 的FragmentStatePagerAdapter 时，我都会从FragmentStatePagerAdapter 创建并返回一个android.support.v4.app.Fragment 的新实例，如下所列：

@Override
public Fragment getItem(int position) {
   return  PreviewFragment.getNewFragmentInstance(position);
}

PreviewFragment 呈现屏幕上可能放不下的内容。 为了显示所有不适合屏幕的内容，android.support.v4.widget.NestedScrollView 被用作PreviewFragment 布局的父元素。

问题：

PreviewFragment 的内容确实按预期滚动到位置 0。 但是滑动到位置1的页面非常困难，因为必须多次执行fling或滑动操作才能切换到下一页。

此外，弹回或滑回位置 0 非常非常困难或几乎不可能。

必填：

投掷或滑动或切换到PreviewFragment 的下一个实例应该很流畅。 换句话说，内容的滚动应该流畅，同时记住滑动到下一页也应该流畅。

Link to the sample project as mentioned above

Answer 1

我浏览了您的Github 代码。我让它为你工作。我也发送了一个拉取请求。问题是onInterceptTouchEvent 如果返回true 它会使ViewPager 滚动，如果我们返回它false 它禁用ViewPager 触摸并使NestedScrollView 滚动。所以我在这里做的是检查NestedScrollView是否需要滚动然后我返回它false如果NestedScrollView在顶部或底部，我将它返回给true。我在这里发布代码。你可以修改它，让它更干净。

Github 链接 - https://github.com/karanatwal/vertical-viewpager-nestedscrollview

下面是VerticalViewPager代码 -

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
    boolean toIntercept = super.onInterceptTouchEvent(flipXY(ev));
    // Return MotionEvent to normal


    float x = ev.getX();

    flipXY(ev);
    int direction=1;

    switch (ev.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mStartDragX = x;
            break;

        case MotionEvent.ACTION_MOVE:
            if (mStartDragX < x ) {
                direction=-1;
            } else if (mStartDragX > x) {
                direction=1;
            }
            MainActivity.MyPagerAdapter adapter = (MainActivity.MyPagerAdapter)this.getAdapter();
            if (adapter.getCurrentFragment() instanceof FragmentViewPager){
                FragmentViewPager fragmentViewPager = (FragmentViewPager)adapter.getCurrentFragment();
                toIntercept = !fragmentViewPager.getNestedScrollView().canScrollVertically(direction);
                int range = fragmentViewPager.getNestedScrollView().computeVerticalScrollRange();
                int offset = fragmentViewPager.getNestedScrollView().computeVerticalScrollOffset();
                int extent = fragmentViewPager.getNestedScrollView().computeVerticalScrollExtent();
                int percentage = (int)(100.0 * offset / (float)(range - extent));

                System.out.println("  range: "+range);
                System.out.print("  offset: "+offset);
                System.out.print("  extent: "+extent);                  
                System.out.print("  percentage: "+percentage);
                System.out.print("  direction: "+direction);

                if (fragmentViewPager.getNestedScrollView().computeVerticalScrollOffset()==0 && direction==-1){
                    //top
                    return true;
                }
                else if (percentage>99 && direction==1){
                    //bottom
                    return true;
                }else {
                    //scroll nestedscrollview
                    return false;
                }

            }

            break;
    }


    return toIntercept;
}

你的MyPagerAdapter -

public class MyPagerAdapter extends FragmentStatePagerAdapter {

    public MyPagerAdapter(FragmentManager fm) {
        super(fm);
    }

    private Fragment mCurrentFragment;

    public Fragment getCurrentFragment() {
        return mCurrentFragment;
    }
    //...
    @Override
    public void setPrimaryItem(ViewGroup container, int position, Object object) {
        if (getCurrentFragment() != object) {
            mCurrentFragment = ((Fragment) object);
        }
        super.setPrimaryItem(container, position, object);
    }

    @Override
    public android.support.v4.app.Fragment getItem(int pos) {
        switch (pos) {
            case 0:
                return FragmentViewPager.newInstance("Title Start", R.drawable.ic_launcher_background);
            case 1:
                return FragmentViewPager.newInstance("Rock", R.drawable.rock);
            case 2:
                return FragmentViewPager.newInstance("Paper", R.drawable.paper);
            case 3:
                return FragmentViewPager.newInstance("Scissors", R.drawable.scissors);
            case 4:
                return FragmentViewPager.newInstance("Title End", R.drawable.ic_launcher_background);
            default:
                return FragmentViewPager.newInstance("Default Title", R.drawable.rock);
        }
    }

    @Override
    public int getCount() {
        return 5;
    }
}

为了避免受限的 API 方法 - 使用下面的逻辑作为替代

 //offset , range and extent
            int scrollY = scrollView.getScrollY();               
            int scrollContentHeight = scrollView.getChildAt(0).getHeight();
            int screenHeight = Utility.getScreenHeight(context); 
            int statusBarHeight = Utility.getStatusBarHeight(context);

            double percent = ((((float) scrollY) / ((float) (scrollContentHeight - screenHeight + statusBarHeight))));

您只需要滚动的百分比和滑动的方向。关于查找滚动百分比和滑动方向的问题还有很多，例如this 和this。你应该为它做很少的研发。