android 解决ViewPager双层嵌套的滑动问题

解决ViewPager双层嵌套的滑动问题

今天我分享一下ViewPager的双层嵌套时影响内部ViewPager的触摸滑动问题

之前在做自己的一个项目的时候，遇到广告栏图片动态切换，我第一时间想到的就是ViewPager，整个软件只有广告这一部分ViewPager还好说，但是软件越复杂出现的问题越多，尤其是遇到ViewPager双层嵌套问题，找了很多资料

解决方法一：自定义ViewPager做为父ViewPager控件

01public class ParentViewPager extends ViewPager{02 private int childVPHeight=0;03 public ParentViewPager(Context context) {04 super(context);05 // TODO Auto-generated constructor stub06 init(context);07 }08 09 public ParentViewPager(Context context, AttributeSet attrs) {10 super(context, attrs);11 // TODO Auto-generated constructor stub12 init(context);13 }14 15 private void init(Context context) {16 // TODO Auto-generated method stub17 // 获取屏幕宽高18 WindowManager windowManager = (WindowManager) context.getSystemService(context.WINDOW_SERVICE);19 int disWidth = windowManager.getDefaultDisplay().getWidth();20 //根据屏幕的密度来过去dp值相应的px值21 childVPHeight=(int) (context.getResources().getDisplayMetrics().density * disWidth + 0.5f);22 }23 24 @Override25 public boolean onInterceptTouchEvent(MotionEvent arg0) {26 // TODO Auto-generated method stub27 //触摸在子ViewPager所在的页面和子ViewPager控件高度之内时28 //返回false，此时将会将触摸的动作传给子ViewPager29 if(getCurrentItem()==1 && arg0.getY()<childVPHeight){30 return false;31 }32 return super.onInterceptTouchEvent(arg0);33 } 34}

此方法虽然简单可行，但是会出现，子ViewPager如果为ScrollView的时候，子ViewPager虽然已经滑动到看不到的地方，但是设定的高度内还是不能让父ViewPager左右滑动，onTouch的动作透过了父Viewpager传递到了子控件

**解决方法二：自定义Viewpager做为子控件**

view sourceprint?01public class ChildViewPager extends ViewPager{02 /** 触摸时按下的点 **/03 PointF downP = new PointF();04 /** 触摸时当前的点 **/05 PointF curP = new PointF();06 OnSingleTouchListener onSingleTouchListener;07 08 public ChildViewPager(Context context, AttributeSet attrs) {09 super(context, attrs);10 // TODO Auto-generated constructor stub11 }12 13 public ChildViewPager(Context context) {14 super(context);15 // TODO Auto-generated constructor stub16 }17 18 @Override19 public boolean onInterceptTouchEvent(MotionEvent arg0) {20 // TODO Auto-generated method stub21 //当拦截触摸事件到达此位置的时候，返回true，22 //说明将onTouch拦截在此控件，进而执行此控件的onTouchEvent23 return true;24 }25 26 @Override27 public boolean onTouchEvent(MotionEvent arg0) {28 // TODO Auto-generated method stub29 //每次进行onTouch事件都记录当前的按下的坐标30 curP.x = arg0.getX();31 curP.y = arg0.getY();32 33 if(arg0.getAction() == MotionEvent.ACTION_DOWN){34 //记录按下时候的坐标35 //切记不可用 downP = curP ，这样在改变curP的时候，downP也会改变36 downP.x = arg0.getX();37 downP.y = arg0.getY();38 //此句代码是为了通知他的父ViewPager现在进行的是本控件的操作，不要对我的操作进行干扰39 getParent().requestDisallowInterceptTouchEvent(true);40 }41 42 if(arg0.getAction() == MotionEvent.ACTION_MOVE){43 //此句代码是为了通知他的父ViewPager现在进行的是本控件的操作，不要对我的操作进行干扰44 getParent().requestDisallowInterceptTouchEvent(true);45 }46 47 if(arg0.getAction() == MotionEvent.ACTION_UP){48 //在up时判断是否按下和松手的坐标为一个点49 //如果是一个点，将执行点击事件，这是我自己写的点击事件，而不是onclick50 if(downP.x==curP.x && downP.y==curP.y){51 onSingleTouch();52 return true;53 }54 }55 56 return super.onTouchEvent(arg0);57 }58 59 /**60 * 单击61 */62 public void onSingleTouch() {63 if (onSingleTouchListener!= null) {64 65 onSingleTouchListener.onSingleTouch();66 }67 }68 69 /**70 * 创建点击事件接口71 * @author wanpg72 *73 */74 public interface OnSingleTouchListener {75 public void onSingleTouch();76 }77 78 public void setOnSingleTouchListener(OnSingleTouchListener onSingleTouchListener) {79 this.onSingleTouchListener = onSingleTouchListener;80 }81 82}

为什么要自己定义onSingleTouch呢？

因为在ViewPager的onTouchEvent中我对onDown进行了操作，进行了操作后就无法将touch事件继续往下传给onClick和其内部控件的任何事件，所以自己做了判断，做了个singleTouch来实现点击的事件

方法二可以完美解决双层ViewPager嵌套后子ViewPager的触摸滑动问题