Android 解决 View 的滑动冲突
专注于编程、互联网动态。最终将总结的技术、心得、经验（数据结构与算法、源码分析等）分享给大家，这里不只限于技术！还有职场心得、生活感悟、以及面经。点击上方 "程序员小乐" ，选择“置顶公众号”，第一时间送达！
每日英文
No matter how strong a girl is, she has a weak point. And sometimes, all she needs is a hug.
不管一个女孩有多坚强，她总是有脆弱的时候。有时候，所有她需要的，只是一个拥抱而已。
乐乐有话说
世上有两种最耀眼的光芒，一种是太阳，一种是我们努力的模样。
来自：叶应是叶
链接：https://www.jianshu.com/p/c9de0c9c9592
图片来自网络
本文讲解的是如何去解决 View 之间的滑动冲突。
当父容器与子 View 都可以滑动时，就会产生滑动冲突。例如 ViewPager 中包含了 ListView 时，ViewPager 可以横向滑动，而 ListView 可以竖向滑动，此时就会产生滑动冲突。而我们之所以在使用的过程中没有发现这个问题，是因为 ViewPager 内部已经处理好滑动冲突了
解决 View 之间的滑动冲突的方法分为两种，分别是外部拦截法和内部拦截法
父容器根据需要在 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;
}
mLastXIntercept = x;
mLastYIntercept = y;
return intercepted;
}
根据实际的业务需求，判断是否需要处理 ACTION_MOVE 事件，如果父 View 需要处理则返回 true，否则返回 false 并交由子 View 去处理
ACTION_DOWN 事件需要返回 false，父容器不能进行拦截，否则根据 View 的事件分发机制，后续的 ACTION_MOVE 与 ACTION_UP 事件都将默认交由父容器进行处理
原则上 ACTION_UP 事件也需要返回 false，如果返回 true，那么子 View 将接收不到 ACTION_UP 事件，子 View 的onClick 事件也无法触发
内部拦截法则是要求父容器不拦截任何事件，所有事件都传递给子 View，子 View 根据需求判断是自己消费事件还是传回给父容器进行处理，思路可以看以下伪代码：
子 View 修改其 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;
}
}
内部拦截法要求父容器不能拦截 ACTION_DOWN 事件，否则一旦父容器拦截 ACTION_DOWN 事件，那么后续的触摸事件都不会传递给子View
滑动策略的逻辑放在子 View 的 dispatchTouchEvent 方法的 ACTION_MOVE 事件中，如果父容器需要处理事件则调用 parent.requestDisallowInterceptTouchEvent(false) 方法让父容器去拦截事件
这里以 ViewPager 作为父容器，看看 ViewPager 与其内部 View 之间的滑动冲突情况
为了使 ViewPager 不处理滑动冲突，这里来重写其 onInterceptTouchEvent() 方法
/**
* 作者：叶应是叶
* 时间：2018/7/15 10:26
* 描述：
*/
public class MyViewPager extends ViewPager {
public MyViewPager(@NonNull Context context) {
super(context);
}
public MyViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public boolean onInterceptTouchEvent(MotionEvent ev) {
return false;
}
}
这里用一个布尔变量来控制 ViewPager 中每一个页面包含的是 ListView 还是 TextView
public class MainActivity extends AppCompatActivity {
private List<View> viewList;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ViewPager viewPager = findViewById(R.id.viewPager);
viewList = new ArrayList<>();
initData(false);
viewPager.setAdapter(new MyPagerAdapter(viewList));
}
private void initData(boolean flag) {
for (int j = 0; j < 4; j++) {
View view;
if (flag) {
ListView listView = new ListView(this);
List<String> dataList = new ArrayList<>();
for (int i = 0; i < 30; i++) {
dataList.add("leavesC " + i);
}
ArrayAdapter<String> adapter = new ArrayAdapter<>(this, android.R.layout.simple_list_item_1, dataList);
listView.setAdapter(adapter);
view = listView;
} else {
TextView textView = new TextView(this);
textView.setGravity(Gravity.CENTER);
textView.setText("leavesC " + j);
view = textView;
}
viewList.add(view);
}
}
}
当子 View 为 TextView 时
然而此时还是没有发生滑动冲突，ViewPager 还是可以正常使用。这是因为 TextView 默认是不可点击的，因此 TextView 并不会消费触摸事件，触摸事件最后还是传回给 ViewPager 进行处理，因为此时还是可以正常使用
如果为 TextView 设置 textView.setClickable(true);，就会使得 ViewPager 无法滑动
当子 View 为 ListView 时，则只能上下滑动，而无法左右滑动
外部拦截法仅需要修改父容器的 onInterceptTouchEvent() 方法即可，通过滑动时横向滑动距离与竖向滑动距离之间的大小，判断是否在进行左右滑动，如果判断出当前是滑动操作，则使 ViewPager 消费该事件
/**
* 作者：叶应是叶
* 时间：2018/7/15 10:26
* 描述：
*/
public class MyViewPager extends ViewPager {
public MyViewPager(@NonNull Context context) {
super(context);
}
public MyViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
private int lastXIntercept;
private int lastYIntercept;
public boolean onInterceptTouchEvent(MotionEvent ev) {
boolean intercepted = false;
int x = (int) ev.getX();
int y = (int) ev.getY();
final int action = ev.getAction() & MotionEvent.ACTION_MASK;
switch (action) {
case MotionEvent.ACTION_DOWN:
//不拦截此事件
intercepted = false;
//调用 ViewPager的 onInterceptTouchEvent 方法用于初始化 mActivePointerId
super.onInterceptTouchEvent(ev);
break;
case MotionEvent.ACTION_MOVE:
//横向位移增量
int deltaX = x - lastXIntercept;
//竖向位移增量
int deltaY = y - lastYIntercept;
//如果横向滑动距离大于竖向滑动距离，则认为使用者是想要左右滑动
//此时就使 ViewPager 拦截此事件
intercepted = Math.abs(deltaX) > Math.abs(deltaY);
break;
case MotionEvent.ACTION_UP:
//不拦截此事件
intercepted = false;
break;
default:
break;
}
lastXIntercept = x;
lastYIntercept = y;
return intercepted;
}
}内部拦截法需要重写 ListView 的 dispatchTouchEvent 方法
/**
* 作者：叶应是叶
* 时间：2018/7/15 12:40
* 描述：
*/
public class MyListView extends ListView {
public MyListView(Context context) {
super(context);
}
public MyListView(Context context, AttributeSet attrs) {
super(context, attrs);
}
private int lastX;
private int lastY;
public boolean dispatchTouchEvent(MotionEvent ev) {
int x = (int) ev.getX();
int y = (int) ev.getY();
final int action = ev.getAction() & MotionEvent.ACTION_MASK;
switch (action) {
case MotionEvent.ACTION_DOWN:
getParent().requestDisallowInterceptTouchEvent(true);
break;
case MotionEvent.ACTION_MOVE:
//横向位移增量
int deltaX = x - lastX;
//竖向位移增量
int deltaY = y - lastY;
//如果横向滑动距离大于竖向滑动距离，则认为使用者是想要左右滑动
//此时就通知父容器 ViewPager 处理此事件
if (Math.abs(deltaX) > Math.abs(deltaY)) {
getParent().requestDisallowInterceptTouchEvent(false);
}
break;
case MotionEvent.ACTION_UP:
break;
default:
break;
}
lastX = x;
lastY = y;
return super.dispatchTouchEvent(ev);
}
}
同时也需要修改 MyViewPager 的 onInterceptTouchEvent 方法
/**
* 作者：叶应是叶
* 时间：2018/7/15 10:26
* 描述：
*/
public class MyViewPager extends ViewPager {
public MyViewPager(@NonNull Context context) {
super(context);
}
public MyViewPager(@NonNull Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public boolean onInterceptTouchEvent(MotionEvent ev) {
final int action = ev.getAction() & MotionEvent.ACTION_MASK;
if (action == MotionEvent.ACTION_DOWN) {
super.onInterceptTouchEvent(ev);
return false;
}
return true;
}
}
如果您觉得不错，请别忘了转发、分享、点赞让更多的人去学习， 您的举手之劳，就是对小乐最好的支持，非常感谢！
如何您想进技术群交流，关注公众号在后台回复 “加群”，或者 “学习” 即可
著作权归作者所有，欢迎大家投稿
推荐阅读
看完本文有收获？请转发分享给更多人
关注「程序员小乐」，提升技能
看完本文有收获？请转发分享给更多人
关注「程序员小乐」，提升技能