ViewPager inside ViewPager

Question

I would like to create a ViewPager (with three items) where each of its view is another ViewPager (with two items). User then swipe items like this:

ViewPager1[0] ViewPager2[0] ViewPager1[0] ViewPager2[1] ViewPager1[1] ViewPager2[0] ViewPager1[1] ViewPager2[1] ViewPager1[2] ViewPager2[0] ViewPager1[2] ViewPager2[1] 

How would that be possible?

Answer 1

override canScroll in the parent ViewPager:

@Override protected boolean canScroll(View v, boolean checkV, int dx, int x, int y) {    if(v != this && v instanceof ViewPager) {       return true;    }    return super.canScroll(v, checkV, dx, x, y); } 

Answer 2

Try this:

public class CustomViewPager extends ViewPager {     private int childId;      public CustomViewPager(Context context, AttributeSet attrs) {         super(context, attrs);     }      @Override     public boolean onInterceptTouchEvent(MotionEvent event) {         if (childId > 0) {                       ViewPager pager = (ViewPager)findViewById(childId);              if (pager != null) {                            pager.requestDisallowInterceptTouchEvent(true);             }          }          return super.onInterceptTouchEvent(event);     }      public void setChildId(int id) {         this.childId = id;     } }