【朝花夕拾】Android自定义View篇之（七）Android事件分发机制（下）滑动冲突解决方案总结

前言

       转载请声明，转自【https://www.cnblogs.com/andy-songwei/p/11072989.html】，谢谢！

       前面两篇文章，花了很大篇幅讲解了Android的事件分发机制的原理性知识。然而，“纸上得来终觉浅，绝知此事要躬行”，前面讲的那些原理，也都是为解决实际问题而服务的。本文将结合实际工作中经常遇到的滑动冲突案例，总结滑动冲突的场景以及解决方案。本文的主要内容如下：

 

一、滑动冲突简介

       滑动组合在平时的UI开发中非常常见，比如下图中某App界面（图片来源：https://www.jb51.net/article/90032.htm），该页面上半部分显示商品列表，而下半部分显示页面导航。当滑动上面的列表时，列表部分滑动；当列表滑动到底或者滑动下半部分时，整个页面一起滑动。

       但是在平时的开发中，可能会经常遇到这样的场景，滑动列表部分时，整个页面一起滑动，而不是只滑动列表内容。或者一会儿是列表滑动，一会儿是整个页面滑动，而不是按照预期的要求来滑动。这就是我们常说的滑动冲突问题。滑动冲突的问题，经常让开发者们头痛不已。因为经常很多滑动相关的控件，如ScrollView、ListView等，在单独使用的时候酷炫不已，但将他们组合在一起使用，就失灵了。比如上图中，手指在屏幕上上下滑动，列表和整个页面都有滑动功能，此时如果处理不当，就会导致系统也不知道要让谁来消费这个滑动事件，这就是滑动冲突产生的原因。

 

二、滑动冲突的三种场景

       尽管实际工作中滑动冲突的场景看似各种各样，但最终可以归纳为三种，如下图所示：1）图一：外部滑动和内部滑动方向不一致；2）图二：外部滑动和内部滑动方向不一致；3）图三：多层滑动叠加。

 

  1、外部滑动和内部滑动方向不一致

       图一中只示意了外部为左右滑动，内部为上下滑动的场景。显然，内外滑动不一致，还包括外部为上下滑动，内部为左右滑动的场景。对于这种场景，平时工作中最常见的使用大概是外层为PageView，内层为一个Fragment+ListView/RecyclerView了。庆幸的是，控件PageView和RecyclerView对事件冲突做了处理的，所以平时使用这两个控件的时候不会感受到滑动冲突的存在。如果是ScrollView+GridView等这类组合，就需要解决冲突了。

  2、外部滑动和内部滑动方向一致

       同样，这种场景除了图二中的内外都是上下滑动的情况外，还包括内外到时左右滑动的场景了。ScollView(垂直滚动)+ListView的组合就是比较常见的场景。第一节中的动态图就是一个外部滑动和内部滑动方向一致的例子。

  3、多层滑动嵌套

       这种场景一般就是前面两种场景的嵌套。“腾讯新闻”客户端就是典型的多层滑动嵌套的使用案例，如下图中，图一的左边是主页向右滑动时才出现的滑动侧边栏，图二是主页界面，顶部导航栏在主页左右滑动时可以切换，整个“要闻”界面可以上下滑动，“热点精选”是一个可以左右滑动的横向列表，下方还有竖直方向的列表......可见这其中嵌套层数不少。

           

 

三、滑动冲突三种场景的处理思路

       尽管滑动冲突看起来比较复杂，但是上述将它们分为三类场景后，就可以根据这三类场景来分别找出对应的分析思路。

  1、内外滑动方向不一致时处理思路

       这一类场景其实比较容易分析，因为外层和内层滑动的方向不一致，所以根据手势的动向来确定把事件给谁。我们前面两篇文章中分析过，默认情况下，当点击内层控件时，事件会先一层层从外层传到内层，由内层来处理。这里以外层为左右滑动，内层为上下滑动为例。当判定手势的滑动为左右时，需要外层来消费事件，所以外层将事件拦截，即在外层的onInterceptTouchEvent中检测为ACTION_MOVE时返回true；而如果判定手势的滑动为上下时，需要内层来消费事件，外层不需要拦截，事件会传递到内层来处理（具体的代码实现，在后面会详细列出）。这样就通过判断滑动的方向来决定事件的处理对象，从而解决滑动冲突的问题。

       那么，如何来判定手势的滑动方向呢？最常用的办法就是比较水平和竖直方向上的位移值来判断。 MotionEvent事件包含了事件的坐标，只要记录一次移动事件的起点和终点坐标，如下图所示，通过比较在水平方向的位移|dx|和|dy|的大小，来决定滑动的方向：|dy|>|dx|，本次移动的方向认为是竖直方向；反之，则认为是水平方向。当然，还可以通过夹角α的大小、斜率、速率等方式来作为判断条件。

  2、内外滑动方向一致时处理思路

       这种场景要比上面一种复杂一些，因为滑动方向一致，所以无法通过上述的方式来判断将事件交给谁处理。在这种情况下，往往需要根据业务的需要来判定谁来处理事件。比如竖直方向的ScrollView嵌套ListView的场景下，手指在ListView上上下滑动时：当ListView滑动到顶部且手势向下时，显然ListView不能再向下滑动了，这种情况下事件需要被外层控件拦截，由ScrollView来消费；当ListView滑动到底部且手势向上时，显然ListView也不能再向上滑动了，这种情况下事件也需要被外层控件拦截，由ScrollView来消费；其它情况下，ScrollView就不能再拦截了，滑动事件就需要由ListView来消费了，即此时上下滑动时，滑动的是ListView，而不是ScrollView。后面会以这为案例进行编码实现。

  3、多层滑动嵌套时处理思路

       场景3看起来比较复杂，但前面也说过了，也是由前面两种场景嵌套形成的。所以在处理场景的处理方式，就是将其拆分为简单的场景，然后按照前面的场景分析方式来处理。

 

四、滑动冲突的两种解决套路

       前面我们将滑动冲突分为了3种场景，并根据每一种场景提供了解决冲突的思路。但是这些思路解决的是判断条件问题，即什么情况下事件交给谁的问题。这一节将抛开前面的场景分类，介绍对所有场景适用的两种通用解决方法，可以通俗地理解为处理滑动冲突的“套路”。这两种解决滑动冲突的方式为：外部拦截法和内部拦截法。

  1、外部拦截法

       顾名思义，就是在外部滑动控件中处理拦截逻辑。这需要外部控件重写父类的onInterceptTouchEvent方法，在其中判断什么时候需要拦截事件由自身处理，什么时候需要放行将事件传给内层控件处理，内部控件不需要做任何处理。这个“套路”的伪代码表示所示：

 1 @Override
 2 public boolean onInterceptTouchEvent(MotionEvent ev) {
 3     boolean intercepted = false;
 4     switch (ev.getAction()){
 5         case MotionEvent.ACTION_DOWN:
 6             intercepted = false;
 7             break;
 8         case MotionEvent.ACTION_MOVE:
 9             if(父容器需要自己处理改事件){
10                 intercepted = true;
11             }else {
12                 intercepted = false;
13             }
14             break;
15         case MotionEvent.ACTION_UP:
16             intercepted = false;
17             break;
18             default:
19             break;
20     }
21     return intercepted;
22 }

前面对滑动处理的场景分类，并对不同场景给了分析思路，它们的作用就是在这里的第9行来做判断条件的。所以，不论什么场景，都可以在这个套路的基础上，修改判断是否拦截事件的条件语句即可。另外，需要说明一下的是，第6行和第16行，这里都赋值为false，因为ACTION_DOWN如果被拦截了，该动作序列的其它事件就都无法传递到子View中了，ListView也就永远不能滑动了；而ACTION_UP如果被拦截，那子View就无法被点击了，这两点我们前面的文章都讲过，这里再强调一下。

 

  2、内部拦截法

       顾名思义，就是将事件是否需要拦截的逻辑，放到内层控件中来处理。这种方式需要结合requestDisllowInterceptTouchEvent(boolean)，在内层控件的重写方法dispatchTouchEvent中，根据逻辑来决定外层控件何时需要拦截事件，何时需要放行。伪代码如下：

 1 @Override
 2 public boolean dispatchTouchEvent(MotionEvent ev) {
 3     switch (ev.getAction()){
 4         case MotionEvent.ACTION_DOWN:
 5             getParent().requestDisallowInterceptTouchEvent(true);
 6             break;
 7         case MotionEvent.ACTION_MOVE:
 8             if (父容器需要处理改事件) {
 9                 //允许外层控件拦截事件
10                 getParent().requestDisallowInterceptTouchEvent(false);
11             } else {
12                 //需要内部控件处理该事件，不允许上层viewGroup拦截
13                 getParent().requestDisallowInterceptTouchEvent(true);
14             }
15             break;
16         case MotionEvent.ACTION_UP:
17             break;
18         default:
19             break;
20     }
21     return super.dispatchTouchEvent(ev);
22 }

除此之外，还需要外层控件在onInterceptTouchEvent中做一点处理：

1 @Override
2 public boolean onInterceptTouchEvent(MotionEvent ev) {
3     if (ev.getAction() == MotionEvent.ACTION_DOWN) {
4         return false;
5     } else {
6         return true;
7     }
8 }

ACTION_DOWN事件仍然不能拦截，上一篇文章分析源码的时候讲过，ACTION_DOWN时会初始化一些状态和标志位等变量，requestDisllowInterceptTouchEvent(boolean)作用会失效。这里再顺便强调一下，不明白的可以去上一篇文章中阅读这部分内容。 

       这种方式比“外部拦截法”稍微复杂一些，所以一般推荐使用前者。同前者一样，这也是一个套路用法，无论是之前提到的何种场景，只要根据实际判断条件修改上述if语句即可。对于requestDisllowInterceptTouchEvent(boolean)的相关信息，在前面的文章中介绍过，这里不再赘述了。

 

 五、代码示例

       前面通过文字描述和伪代码，对滑动冲突进行了介绍，并提供了一些对应的解决方案。本节将通过一个具体的实例，分别使用上述的套路来解决一个滑动冲突，从而具体演示前面“套路”的使用。

  1、未解决冲突前的示例情况

       本示例外层为一个ScrollView，内层为TextView+ListView+TextView，这两个TextView分别为“Tittle”和"Bottom"，显示在ListView的顶部和底部，添加它们是为了方便观察ScrollView的滑动效果。最终的布局效果如下所示：

在手机上的显示效果为：

     

在没有解决冲突前，如果滑动中间的ListView部分，会出现ListView中的列表内容不会滑动，而是整个ScrollView滑动的现象，或者一会儿ListView滑动，一会儿ScrollView滑动。显然，这不是我们希望看到的结果。我们希望的是，如果ListView滑到顶部时，而且手势继续下滑时，整个页面下滑，即ScrollView滑动；如果ListView滑到底部了，而且手势继续上滑时，希望整个页面上滑，即也是ScrollView向上滑动。

 

  2、用外部拦截法解决滑动冲突的示例

       前面说过了，这种方式需要外层的控件在重写的onInterceptTouchEvent时进行拦截判断，所以需要自定义一个ScrollView控件。

 1 public class CustomScrollView extends ScrollView {
 2 
 3     ListView listView;
 4     private float mLastY;
 5     public CustomScrollView(Context context, AttributeSet attrs) {
 6         super(context, attrs);
 7     }
 8 
 9     @Override
10     public boolean onInterceptTouchEvent(MotionEvent ev) {
11         super.onInterceptTouchEvent(ev);
12         boolean intercept = false;
13         switch (ev.getAction()){
14             case MotionEvent.ACTION_DOWN:
15                 intercept = false;
16                 break;
17             case MotionEvent.ACTION_MOVE:
18                 listView = (ListView) ((ViewGroup)getChildAt(0)).getChildAt(1);
19                    //ListView滑动到顶部，且继续下滑，让scrollView拦截事件
20                 if (listView.getFirstVisiblePosition() == 0 && (ev.getY() - mLastY) > 0) {
21                     //scrollView拦截事件
22                     intercept = true;
23                 }
24                 //listView滑动到底部，如果继续上滑，就让scrollView拦截事件
25                 else if (listView.getLastVisiblePosition() ==listView.getCount() - 1 && (ev.getY() - mLastY) < 0) {
26                     //scrollView拦截事件
27                     intercept = true;
28                 } else {
29                     //不允许scrollView拦截事件
30                     intercept = false;
31                 }
32                 break;
33             case MotionEvent.ACTION_UP:
34                 intercept = false;
35                 break;
36             default:
37                 break;
38         }
39         mLastY = ev.getY();
40         return intercept;
41     }
42 }

       相比于前面的伪代码，这里需要注意一点的是多了第12行。因为本控件是继承自ScrollView，而ScrollView中的onInterceptTouchEvent做了很多的工作，这里需要使用ScrollView中的处理逻辑，才需要加上这一句。如果是完全自绘的控件，即直接继承自ViewGroup，那就无需这一句了，因为控件需要自己完成自己的特色功能。第18行是获取子控件ListView的实例，这个是参照后面的布局文件activity_event_examples来定位的，也可以通过其它的方式来获取实例。另外就是ListView的实例可以通过其它方式一次性赋值，而不用这里每次ACTION_MOVE都获取一次实例，从性能上考虑会更好，这里为了便于演示，先忽略这一点。其它要点在注释中也说得比较明确了，这里不赘述。

       使用CustomScrollView控件，界面的布局如下：

 1 //==============activity_event_examples=============
 2 xml version="1.0" encoding="utf-8"?>
 3 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 4     android:layout_width="match_parent"
 5     android:layout_height="match_parent"
 6     android:orientation="vertical">
 7 
 8     <com.example.demos.customviewdemo.CustomScrollView
 9         android:id="@+id/demo_scrollview"
10         android:layout_width="match_parent"
11         android:layout_height="match_parent">
12 
13         <LinearLayout
14             android:layout_width="match_parent"
15             android:layout_height="match_parent"
16             android:orientation="vertical">
17 
18             <TextView
19                 android:id="@+id/tv_title"
20                 android:layout_width="match_parent"
21                 android:layout_height="100dp"
22                 android:background="@android:color/darker_gray"
23                 android:gravity="center"
24                 android:text="Title"
25                 android:textSize="50dp" />
26 
27             <ListView
28                 android:id="@+id/demo_lv"
29                 android:layout_width="match_parent"
30                 android:layout_height="600dp" />
31 
32             <TextView
33                 android:layout_width="match_parent"
34                 android:layout_height="100dp"
35                 android:background="@android:color/darker_gray"
36                 android:gravity="center"
37                 android:text="Bottom"
38                 android:textSize="50dp" />
39         LinearLayout>
40     com.example.demos.customviewdemo.CustomScrollView>
41 LinearLayout>

这里需要注意的是，在ScrollView中嵌套ListView时，ListView的高度需要特别处理，如果设置为match_parent或者wrap_content，都会一次只能看到一条item，所以上面给了固定的高度600dp来演示效果。平时工作中，往往还需要对ListView的高度做一些特殊的处理，这不是本文的重点，这里不细讲，读者可以自行去研究。

       最后就是给ListView填充足够的数据：

 1 public class EventExmaplesActivity extends AppCompatActivity {
 2 
 3     private String[] data = {"Apple", "Banana", "Orange", "Watermelon",
 4             "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango",
 5             "Apple", "Banana", "Orange", "Watermelon",
 6             "Pear", "Grape", "Pineapple", "Strawberry", "Cherry", "Mango"};
 7 
 8     @Override
 9     protected void onCreate(Bundle savedInstanceState) {
10         super.onCreate(savedInstanceState);
11         setContentView(R.layout.activity_event_exmaples);
12         showList();
13     }
14 
15     private void showList() {
16         ArrayAdapter adapter = new ArrayAdapter(
17                 EventExmaplesActivity.this, android.R.layout.simple_list_item_1, data);
18         ListView listView = findViewById(R.id.demo_lv);
19         listView.setAdapter(adapter);
20     }
21 }

 

  3、用内部拦截法解决滑动冲突的示例

       同样，前面的伪代码中也讲过，这里需要在内层控件中重写的dispatchTouchEvent方法处判断外层控件的拦截逻辑，所以首先需要自定义ListView。

 1 public class CustomListView extends ListView {
 2 
 3     public CustomListView(Context context, AttributeSet attrs) {
 4         super(context, attrs);
 5     }
 6 
 7     //为listview/Y，设置初始值,默认为0.0(ListView条目一位置)
 8     private float mLastY;
 9 
10     @Override
11     public boolean dispatchTouchEvent(MotionEvent ev) {
12         int action = ev.getAction();
13         switch (action) {
14             case MotionEvent.ACTION_DOWN:
15                 //不允许上层的ScrollView拦截事件.
16                 getParent().requestDisallowInterceptTouchEvent(true);
17                 break;
18             case MotionEvent.ACTION_MOVE:
19                 //满足listView滑动到顶部，如果继续下滑，那就允许scrollView拦截事件
20                 if (getFirstVisiblePosition() == 0 && (ev.getY() - mLastY) > 0) {
21                     //允许ScrollView拦截事件
22                     getParent().requestDisallowInterceptTouchEvent(false);
23                 }
24                 //满足listView滑动到底部，如果继续上滑，允许scrollView拦截事件
25                 else if (getLastVisiblePosition() == getCount() - 1 && (ev.getY() - mLastY) < 0) {
26                     //允许ScrollView拦截事件
27                     getParent().requestDisallowInterceptTouchEvent(false);
28                 } else {
29                     //其它情形时不允ScrollView拦截事件
30                     getParent().requestDisallowInterceptTouchEvent(true);
31                 }
32                 break;
33             case MotionEvent.ACTION_UP:
34                 break;
35         }
36 
37         mLastY = ev.getY();
38         return super.dispatchTouchEvent(ev);
39     }
40 }

可能有读者会有些疑惑，从布局结构上看，listView和ScrollView之间还隔了一层LinearLayout，getParent().requestDisallowInterceptTouchEvent(boolean)方法会奏效吗？实际上这个方法是针对所有的父布局的，而不是只针对直接父布局，这一点需要注意。

       参照伪代码的套路，这里还需要对外层的ScrollView做一些逻辑处理：

 1 public class CustomScrollView extends ScrollView {
 2     public CustomScrollView(Context context, AttributeSet attrs) {
 3         super(context, attrs);
 4     }
 5 
 6     @Override
 7     public boolean onInterceptTouchEvent(MotionEvent ev) {
 8         if (ev.getAction() == MotionEvent.ACTION_DOWN) {
 9             return false;
10         } else {
11             return true;
12         }
13     }
14 }

       在布局文件中使用CustomListView，将前面activity_event_examples.xml布局文件中的第27行的ListView替换为com.example.demos.customviewdemo.CustomListView即可。其它的和前面外部拦截法示例一样，这里不赘述。

 

结语

       关于滑动冲突的内容就讲完了。实际工作中的场景可能比这里demo中要复杂一些，笔者为了突出重点，所举的例子选得比较简单，但原理都一样的，所以希望读者能够好好理解，重要的地方，甚至需要记下来。同样，Android事件分发机制系列的知识点，要讲的也讲完了，三篇文章侧重于三个方面：1）第一篇重点总结了Touch相关的三个重要方法对事件的处理逻辑；2）第二篇重点分析源码，从源码的角度来分析第一篇文章中的逻辑；3）第三篇重点在实践，侧重解决实际工作中经常遇到的事件冲突问题——滑动冲突。当然，事件分发相关的问题远不是这3篇文章能说清楚的，文中若有描述错误或者不妥的地方，欢迎读者来拍砖！！！

 

参考资料

       任玉刚《Android开发艺术探索》