一、概念
在界面中只要内外两层同时可以滑动，这个时候就会产生滑动冲突。
二、冲突场景
场景1：外部滑动方向和内部滑动方向不一致
外部左右滑动、内部上下滑动；
外部上下滑动，内部左右滑动。
例子：ViewPager + ListView
将ViewPager和Fragment配合使用组成页面滑动效果，可以通过左右滑动来切换页面，而每个页面内部往往又是一个ListView，可以上下滑动。本来这种情况是有滑动冲突的，但是ViewPager内部处理了这种滑动冲突，因此采用ViewPager时我们无须关注这个问题。如果我们采用的不是ViewPager而是ScrollView等，那就必须手动处理滑动冲突了，否则会造成内外两层只能有一层能够滑动。
场景2：外部滑动方向和内部滑动方向一致
外部左右滑动、内部左右滑动；
外部上下滑动，内部上下滑动。
场景3：场景1和场景2两种情况的嵌套
例子：SlideMenu + ViewPager + ListView
外部有一个SlideMenu左右滑动效果，内部有一个ViewPager左右滑动效果，ViewPager的每一个页面中又是一个ListView上下滑动效果。虽然场景3看起来更复杂，但是它是几个单一的滑动冲突的叠加，因此只需要分别处理内层和中层、中层和外层之间的滑动冲突即可。
三、处理规则
场景1：
根据滑动是水平滑动还是竖直滑动来判断到底由谁来拦截事件。可以根据滑动的角度、距离差以及速度差来确定滑动方向。
例子中，当用户左右滑动的时候，需要让外部的View拦截点击事件，当用户上下滑动的时候，需要让内部View拦截点击事件。
场景2：
在业务上找到突破点。比如业务上有规定：当处于某种状态时需要外部View响应用户的滑动，而处于另外一种状态时则需要内部View来响应View的滑动。
场景3：
同场景2一样，只能在业务上找到突破点。
四、滑动冲突的解决方式
1.外部拦截法（推荐）
外部拦截法是指点击事件先经过父容器的拦截处理，如果父容器需要此事件就拦截，如果不需要此事件就不拦截，这样就可以解决滑动冲突问题，这种方法比较符合点击事件的分发机制。外部拦截法需要重写父容器的onInterceptTouchEvent方法，在内部做相应的拦截即可。
伪代码如下：
//重写父容器的onInterceptTouchEvent方法
public boolean onInterceptTouchEvent(MotionEvent event) {
boolean intercepted = false;
int x = (int)event.getX();
int y = (int)event.getY();
switch(event.getAction()) {
case MotionEvent.ACTION_DOWN: //按下事件不拦截
intercepted = false;
break;
case MotionEvent.ACTION_MOVE: //滑动事件根据需要拦截
if(父容器需要当前点击事件) {
intercepted = true;
} else {
intercepted = false;
}
break;
case MotionEvent.ACTION_UP: //松开事件不拦截
intercepted = false;
break;
default:
break;
}
return intercepted;
}
2.内部拦截法
内部拦截法是指父容器不拦截任何事件，所有的事件都传递给子元素，如果子元素需要此事件就直接消耗掉，否则就交给父容器进行处理，这种方法和事件分发机制不一致，需要配合ViewGroup#requestDisallowInterceptTouchEvent方法才能正常工作。
伪代码如下：
//重写子元素的dispatchTouchEvent方法
public boolean dispatchTouchEvent(MotionEvent event) {
int x = (int)event.getX();
int y = (int)event.getY();
switch(event.getAction()) {
case MotionEvent.ACTION_DOWN:
parent.requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
int deltaX = x - mLastX;
int deltaY = y - mLastY;
if(父容器需要当前点击事件) {
parent.requestDisallowInterceptTouchEvent(false);
}
break;
case MotionEvent.ACTION_UP:
break;
default:
break;
}
mLastX = x;
mLastY = y;
return super.dispatchTouchEvent(event);
}
//重写父容器的onInterceptTouchEvent方法
public boolean onInterceptTouchEvent(MotionEvent event) {
int action = event.getAction();
if(action == MotionEvent.ACTION_DOWN) {
return false;
} else {
return true;
}
}
五、实例
问题：
App使用ViewPager + TabLayout + Fragment框架，其中一个fragment的内容是只有一个自定义的webview控件，进行加载H5页面，H5页面上有一个水平方向上的图片轮播控件，当水平滑动该图片轮播控件时会出现App切换Tab现象，即外层ViewPager控件拦截了该滑动事件，导致内层H5页面的图片轮播控件无法在手动滑动的情况下正常切换图片。
方案：
当手指接触到H5页面的图片轮播控件区域时，由JS调用native的接口设置一个标志位为true，表示当前的触摸事件需要交给webview来处理，在webview的事件处理方法onTouchEvent中，在该标志位为true的前提下，如果当前是ACTION_DOWN事件，则调用父容器的requestDisallowInterceptTouchEvent(true)方法不允许父容器拦截事件，如果当前是ACTION_UP或者ACTION_CANCEL事件，则调用父容器的requestDisallowInterceptTouchEvent(false)方法允许父容器拦截事件，并将该标志位设置为false。
