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

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

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

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

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

01	public class ParentViewPager extends ViewPager{

02	private int childVPHeight=0;

03	public ParentViewPager(Context context) {

04	super(context);

05	// TODO Auto-generated constructor stub

06	init(context);

07

}

08

09	public ParentViewPager(Context context, AttributeSet attrs) {

10	super(context, attrs);

11	// TODO Auto-generated constructor stub

12	init(context);

13

}

14

15	private void init(Context context) {

16	// TODO Auto-generated method stub

17

// 获取屏幕宽高

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

@Override

25	public boolean onInterceptTouchEvent(MotionEvent arg0) {

26	// TODO Auto-generated method stub

27	//触摸在子ViewPager所在的页面和子ViewPager控件高度之内时

28	//返回false，此时将会将触摸的动作传给子ViewPager

29	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
source

print?

01	public 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 stub

11

}

12

13	public ChildViewPager(Context context) {

14	super(context);

15	// TODO Auto-generated constructor stub

16

}

17

18

@Override

19	public boolean onInterceptTouchEvent(MotionEvent arg0) {

20	// TODO Auto-generated method stub

21	//当拦截触摸事件到达此位置的时候，返回true，

22	//说明将onTouch拦截在此控件，进而执行此控件的onTouchEvent

23	return true;

24

}

25

26

@Override

27	public boolean onTouchEvent(MotionEvent arg0) {

28	// TODO Auto-generated method stub

29	//每次进行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	//如果是一个点，将执行点击事件，这是我自己写的点击事件，而不是onclick

50	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 wanpg

72

*

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的触摸滑动问题