您的位置：首页 > 移动开发 > Android开发

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

2013-08-28 16:13 232 查看



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

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航