Лучшим решением для меня было передать MotionEvent
в OnTouchListener
между ViewPager
экземплярами. Пробовал фальшивое перетаскивание, но оно всегда было медленным и глючным - мне нужен был плавный эффект параллакса.
Итак, мое решение заключалось в реализации 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
}
});