如题,当SwipeRefreshLayout
包裹ViewPager
时,发现ViewPager经常滑不动,容易把上面的刷新的小圈圈拽出来,只有手指在屏幕上向斜上方滑或者水平滑动,才能保持正常,这是一个滑动冲突问题。
首先上网查一下别人怎么解决的
好像都是这个解决方案:
viewPager.setOnTouchListener(new View.OnTouchListener() { public boolean (View v, MotionEvent event) { switch (event.getAction()) { case MotionEvent.ACTION_MOVE: swipeRefreshLayout.setEnabled(false); break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: swipeRefreshLayout.setEnabled(true); break; } return false; } });
|
问题
嗯,代码看起来很美好,但是运行的时候发现,当下拉的手速比较慢时,刷新不能用了,说明SwipeRefreshLayout没有拦截到事件,然后到ViewPager这儿,就被禁用了。 其实看一下SwipeRefreshLayout的源码就能发现问题:
在SwipeRefreshLayout的构造器里有这么一句
mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop()
|
然后在onInterceptTouchEvent()
方法中有这么一段:
final float yDiff = y - mInitialDownY; if (yDiff > mTouchSlop && !mIsBeingDragged) { mInitialMotionY = mInitialDownY + mTouchSlop; mIsBeingDragged = true; mProgress.setAlpha(STARTING_PROGRESS_ALPHA); }
|
好了,问题如此清晰明了,当我们下拉的时候比较慢,第一次手指在y轴滑动的距离还不够mTouchSlop
那么长,所以没有拦截,那viewpager秒秒钟给它禁掉了,因为我们在上面重写了ViewPager的触摸事件,之后yDiff的距离够长了,但是它已经被禁掉啊,然后就会出现只有一个半透明的小球滑下来,然后收上去了,什么也没发生……
解决方案
其实,这个滑动冲突的问题的关键在于,当手指向斜下方滑动时,手指在屏幕上移动的x轴的距离大于y轴的距离,这个时候我们是想让viewpager响应的,那重写SwipeRefreshLayout的onInterceptTouchEvent()
方法就好了啊,当滑动X轴的距离大于Y轴的距离就让SwipeRefreshLayout不要拦截事件,完整的代码如下:
public 大专栏 ViewPager 和 SwipeRefreshLayout 的滑动冲突yword">class ReformSwipRefreshLayout extends SwipeRefreshLayout { private float startY; private float startX; private boolean mIsDraggingFlag; private final int mTouchSlop;
public ReformSwipRefreshLayout(Context context, AttributeSet attrs) { super(context, attrs); mTouchSlop = ViewConfiguration.get(context).getScaledTouchSlop(); }
public boolean onInterceptTouchEvent(MotionEvent ev) { int action = ev.getAction(); switch (action) { case MotionEvent.ACTION_DOWN: startY = ev.getY(); startX = ev.getX(); mIsDraggingFlag = false; break; case MotionEvent.ACTION_MOVE: if(mIsDraggingFlag) { return false; } float endY = ev.getY(); float endX = ev.getX(); float distanceX = Math.abs(endX - startX); float distanceY = endY - startY; if(distanceX > mTouchSlop && distanceX>distanceY) { mIsDraggingFlag = true; return false; } break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: mIsDraggingFlag = false; break; } return super.onInterceptTouchEvent(ev); }
}
|