今天我分享一下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的触摸滑动问题