今天我分享一下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做为子控件**
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的触摸滑动问题
