今天我分享一下ViewPager的双层嵌套时影响内部ViewPager的触摸滑动问题
之前在做自己的一个项目的时候,遇到广告栏图片动态切换,我第一时间想到的就是ViewPager,整个软件只有广告这一部分ViewPager还好说,但是软件越复杂出现的问题越多,尤其是遇到ViewPager双层嵌套问题,找了很多资料
解决方法一:自定义ViewPager做为父ViewPager控件
1. public class ParentViewPager extends ViewPager{
2. private int childVPHeight=0;
3. public ParentViewPager(Context context) {
4. super(context);
5. // TODO Auto-generated constructor stub
6. init(context);
7. }
8.
9. 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)
19. context.getSystemService(context.WINDOW_SERVICE);
20. int disWidth = windowManager.getDefaultDisplay().getWidth();
21. //根据屏幕的密度来过去dp值相应的px值
22. childVPHeight=(int) (context.getResources().getDisplayMetrics().density
23. * disWidth + 0.5f);
24. }
25.
26. @Override
27. public boolean onInterceptTouchEvent(MotionEvent arg0) {
28. // TODO Auto-generated method stub
29. //触摸在子ViewPager所在的页面和子ViewPager控件高度之内时
30. //返回false,此时将会将触摸的动作传给子ViewPager
31. if(getCurrentItem()==1 && arg0.getY()
32. return false;
33. }
34. return super.onInterceptTouchEvent(arg0);
35. }
36. }
复制代码
此方法虽然简单可行,但是会出现,子ViewPager如果为ScrollView的时候,子ViewPager虽然已经滑动到看不到的地方,但是设定的高度内还是不能让父ViewPager左右滑动,onTouch的动作透过了父Viewpager传递到了子控件
**解决方法二:自定义Viewpager做为子控件**
1. view sourceprint?01public class ChildViewPager extends ViewPager{
2. /** 触摸时按下的点 **/
3. PointF downP = new PointF();
4. /** 触摸时当前的点 **/
5. PointF curP = new PointF();
6. OnSingleTouchListener onSingleTouchListener;
7.
8. public ChildViewPager(Context context, AttributeSet attrs) {
9. 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
79. onSingleTouchListener) {
80. this.onSingleTouchListener = onSingleTouchListener;
81. }
82.
83. }
复制代码
为什么要自己定义onSingleTouch呢?
因为在ViewPager的onTouchEvent中我对onDown进行了操作,进行了操作后就无法将touch事件继续往下传给onClick和其内部控件的任何事件,所以自己做了判断,做了个singleTouch来实现点击的事件
方法二可以完美解决双层ViewPager嵌套后子ViewPager的触摸滑动问题