滚动垂直ViewPager,其中包含ListView



我使用的是castorflex/VerticalViewPager库,该库包含内部带有ListView的片段。问题是,当我开始在ListView元素上滑动时,我无法更改ViewPager的页面。当ListView到达列表的顶部/底部时,有什么方法可以将触摸事件传递给ViewPager吗?我不想达到平滑的效果(当列表无法再滚动时,ViewPager开始滚动,一键式事件)

以下是我在中实现的垂直寻呼机类的解决方案

实现一个扩展它的自定义类,而不是RecyclerView,并在我们的自定义RecyclerViewClass覆盖中public boolean onTouchEvent(MotionEvent event)

在这里,我们可以将MotionEvent event传递到如下类中,以确定是否应该拦截事件:

/**
 * Tests the MotionEvent for valid behavior to care about overriding the touch event with
 */
private boolean shouldDisableScrollableParent(final MotionEvent event) {
    boolean intercept = false;
    float x = event.getX();
    float y = event.getY();
    switch (event.getAction()) {
        case MotionEvent.ACTION_MOVE:
            float dx = x - mPreviousX;
            float dy = y - mPreviousY;
            // Here you can try to detect the swipe. It will be necessary to
            // store more than the previous value to check that the user move constantly in the same direction
            intercept = detectSwipe(dx, dy);
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
        default:
            break;
    }
    mPreviousX = x;
    mPreviousY = y;
    return intercept;
}
/**
 * Tests if we want to disable the parent touch interception
 */
private boolean detectSwipe(final float dx, final float dy) {
    // True if we're scrolling in Y direction
    if (Math.abs(dx) < Math.abs(dy)) {
        FoundationLog.d(TAG, "Direction Y is yielding: " + dy);
        if (dy < 0) {
            // Touch from lower to higher
            return true;
        }
        // Top view isn't shown, can always scroll up
        final View view = getChildAt(0);
        if (view == null) {
            return true;
        }
        // Top view baseline doesn't equal to top of the RecyclerView
        if (view.getTop() < 0) {
            return true;
        }
    }
    return false;
}

然后,在自定义RecyclerView类的public boolean onTouchEvent(MotionEvent event)方法中,检查getParent()(可能会迭代到根父级)是否解析为要覆盖其触摸的View类的ViewParent。如果是,请在ViewParent 上将requestDisallowInterceptTouchEvent()设置为true

这是一个有点晚的回复,但我最近被要求将我们的应用程序ViewPager更改为垂直的,我在里面的列表也有同样的问题。我希望这能帮助到其他可能有同样问题的人。

首先,我的Fragment是ListFragment的扩展,但它对包含列表的任何Fragment都起到了相同的作用(显然只是做了一些小修改)。首先,我在我的列表上设置了一个OnScrollListener,在onScrollStateChanged中,我有一个方法updateListVisibility,如果顶部的顶部或底部的底部在列表中可见,它会调用我的活动更新(updateListPositionVisibility)。

public class MyListFragment extends ListFragment {
   .....
   private OnScrollStateChangedListener mListener;
   .....
    @Override
    public void onViewCreated(View view, Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        ......
        getListView().setOnScrollListener(new AbsListView.OnScrollListener() {
            @Override
            public void onScrollStateChanged(AbsListView view, int scrollState) {
                updateListVisibility();
            }
            @Override
            public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
            }
        });
    }
    public void updateListVisibility() {
        if (getListView() != null && getListView().getChildCount() > 0) {
            boolean firstItemVisible = getListView().getFirstVisiblePosition() == 0;
            boolean topOfFirstItemVisible = getListView().getChildAt(0).getTop() == 0;
            boolean lastItemVisible = getListView().getLastVisiblePosition() == getListView().getAdapter().getCount() - 1;
            boolean bottomOfLastItemVisible = getListView().getChildAt(getListView().getChildCount() - 1).getBottom() <= getListView().getHeight();
            mListener.updateListPositionVisibility(firstItemVisible && topOfFirstItemVisible, lastItemVisible && bottomOfLastItemVisible);
        }
    }
    @Override   
    public void onAttach(Activity activity) {
        super.onAttach(activity);
        try {
            mListener = (OnScrollStateChangedListener) activity;
        } catch (ClassCastException e) {
            throw new ClassCastException(activity.toString() + " must implement OnScrollStateChangedListener");
        }
    }

    /**
     * Container Activity must implement this interface....
     */
    public interface OnScrollStateChangedListener {
        public void updateListPositionVisibility(boolean topIsVisible, boolean bottomIsVisible);
    }
    .....
}

在我的活动中,我在ViewPager上设置了一个OnPageChangeListener,在onPageSelected中,我使用适配器获取Fragment,这样我就可以在它上调用updateListVisibility,然后它调用回我的活动。我的回调实现使用列表顶部和底部的可见性状态更新了ViewPager(请参阅setListViewPositionsInViewPager)。

public class VerticallyPagedActivity extends BaseFragmentActivity implements
    MyListFragment.OnScrollStateChangedListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        ......
        mPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        }
        @Override
        public void onPageSelected(int position) {
            Object fragment = mAdapter.mItems.get(position);
            if (fragment instanceof MyListFragment) {
                ((MyListFragment) fragment).updateListVisibility();
            } else {
                setListViewPositionsInViewPager(false, false);
            }
        }
        @Override
        public void onPageScrollStateChanged(int state) {
        }
    });
}
public void setListViewPositionsInViewPager(boolean handleEventTop, boolean handleEventBottom) {
    mPager.setListVisibility(handleEventTop, handleEventBottom);
}
// Callback.
@Override
public void updateListPositionVisibility(boolean topIsVisible, boolean bottomIsVisible) {
    setListViewPositionsInViewPager(topIsVisible, bottomIsVisible);
}

My Adapter只是在mItems中维护一个片段实例。

public class MyAdapter extends FragmentStatePagerAdapter {
    .....
    public Map<Integer, Fragment> mItems;
    public MyAdapter(FragmentManager fm, List<Content> content) {
    super(fm);
    mItems = new HashMap<>();
    .....
    @Override
    public Fragment getItem(int position) {
        .....   
        MyListFragment fragment = new MyListFragment();
        .....
        mItems.put(position, fragment);
        return fragment;
    }
    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        mItems.remove(position);
        super.destroyItem(container, position, object);
    }
}

然后,在我的Castorflex垂直视图寻呼机中,我使用一个名为setListVisibility的方法设置列表可见性值。每当滚动列表或翻页ViewPager时,这些都会更新,这意味着它们总是最新的。最重要的部分是当顶部可见并且用户试图向上时,或者底部可见并且用户尝试向下时,寻呼机拦截事件。使用在MotionEvent.ACTION_MOVE下的switch语句中计算的dy值可以很容易地实现这一点。

public class VerticalPager extends ViewGroup {
    .....
    private boolean topOfListIsVisible;
    private boolean bottomOfListIsVisible;
    public void setListVisibility(boolean pTop, boolean pBottom) {
        topOfListIsVisible = pTop;
        bottomOfListIsVisible = pBottom;
    }
    .....
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        ......
        switch (action) {
            case MotionEvent.ACTION_MOVE: {
            ......
            final float y = MotionEventCompat.getY(ev, pointerIndex);
            final float dy = y - mLastMotionY;
            final float yDiff = Math.abs(dy);
            ......
            // Pager needs to handle the event.
            if (topOfListIsVisible && bottomOfListIsVisible || bottomOfListIsVisible && dy < 0 || topOfListIsVisible && dy > 0) {
                return true;
            }
        }
        .....
    }
    .....
}

最新更新