Android viewpager同步滚动

Question

我有两个 ViewPager——Pager1 和 Pager2。我向 Pager1 添加了一个 OnPageChangeListener，并在 onPageScrolled 回调中调用 Pager2.scrollTo(x, y) 来移动它。两个 ViewPager 都可以平滑滚动并且同步，但问题是 Pager2 的内容没有改变。我用 LogCat 检查了它——Pager2 的 instantiateItem() 根本没有被调用。

作为解决方法，我将 Pager2.setCurrentItem() 添加到 Pager1 的 onPageSelected() 回调中。虽然这确实会滚动两个视图，但它并不与像素同步。我想知道是否有一种方法可以实现这种效果，而不必重写实际的 ViewPager 类。

Answer 1

最适合我的解决方案是在 ViewPager 实例之间的 OnTouchListener 中传递 MotionEvent。尝试过假拖动，但它总是滞后且有问题 - 我需要一个平滑的、类似视差的效果。

因此，我的解决方案是实现一个 View.OnTouchListener。必须缩放 MotionEvent 以补偿宽度差异。

public class SyncScrollOnTouchListener implements View.OnTouchListener {

private final View syncedView;

public SyncScrollOnTouchListener(@NonNull View syncedView) {
    this.syncedView = syncedView;
}

@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
    MotionEvent syncEvent = MotionEvent.obtain(motionEvent);
    float width1 = view.getWidth();
    float width2 = syncedView.getWidth();

    //sync motion of two view pagers by simulating a touch event
    //offset by its X position, and scaled by width ratio
    syncEvent.setLocation(syncedView.getX() + motionEvent.getX() * width2 / width1,
            motionEvent.getY());
    syncedView.onTouchEvent(syncEvent);
    return false;
}
}

然后将其设置为您的 ViewPager

    sourcePager.setOnTouchListener(new SyncScrollOnTouchListener(targetPager));

请注意，此解决方案仅在两个寻呼机具有相同方向时才有效。如果您需要它适用于不同的方向 - 调整 syncEvent Y 坐标而不是 X 坐标。

我们还需要考虑一个问题 - 可能导致只有一个寻呼机的最小滑动速度和距离更改页面。

通过向寻呼机添加 OnPageChangeListener 可以轻松修复此问题

sourcePager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset,
                                   int positionOffsetPixels) {
            //no-op
        }

        @Override
        public void onPageSelected(int position) {
            targetPager.setCurrentItem(position, true);
        }

        @Override
        public void onPageScrollStateChanged(int state) {
            //no-op
        }
    }); 

Answer 2

您尝试过beginFakeDrag()吗？