Android事件分发机制四：学了事件分发有什么用？

“ 学了事件分发，影响我CV大法吗？”

“ 影响我陪女朋友的时间”

“ ….. ”

前言

Android事件分发机制已经来到第四篇了，在前三篇中：

那么关于事件分发的知识在上面三篇文章也就分析地差不多了，接下来就分析一下学了之后该如何使运用到实际开发中，简单阐述一下笔者的思考。

Android中的view一般由两个重要的部分组成：绘制和触摸反馈。如何精准地针对用户的操作给出正确的反馈，是我们学事件分发最重要的目标。

运用事件分发一般有两个场景：给view设置监听器和自定义view。接下来就针对这两方面展开分析，最后再给出笔者的一些思考与总结。

监听器

触摸事件监听器可以说是我们接触Android事件体系的第一步。监听器通常有：

  • OnClickListener ： 单击事件监听器
  • OnLongClickListener ： 长按事件监听器
  • OnTouchListener ： 触摸事件监听器

这些是我们使用得最频繁的监听器，他们之间的关系是：

if (mOnTouchListener!=null && mTouchListener.onTouch(event)){
    return true;
}else{
    if (单击事件){
        mOnClickListener.onClick(view);
    }else if(长按事件){
        mOnLongClickListener.onLongClick(view);
    }
}

上面的伪代码可以很明显地发现：onTouchListener是直接把MotionEvent对象直接接管给自己处理且会最先调用，而其他的两个监听器是view判断点击类型之后再分别调用 。

除此之外，另一个很常见的监听器是双击监听器，但这种监听器并不是view默认支持的，需要我们自己去实现。双击监听器的实现思路可以参考view实现长按监听器的思路来实现：

当我们接收到点击事件时，可以发送一个单击延时任务。如果在延迟时间到还没收到另一个点击事件，那么这就是一个单击事件；如果在延迟时间内收到另一个点击事件，说明这是一个双击事件，并取消延时任务。

我们可以实现 view.OnClickListener 接口来完成以上逻辑，核心代码如下：

// 实现onClickListener接口
class MyClickListener() : View.OnClickListener{
    private var isClicking = false
    private var singleClickListener : View.OnClickListener? = null
    private var doubleClickListener : View.OnClickListener? = null
    private var delayTime = 1000L
    private var clickCallBack : Runnable? = null
    private var handler : Handler = Handler(Looper.getMainLooper())

    override fun onClick(v: View?) {
        // 创建一个单击延迟任务，延迟时间到了之后触发单击事件
        clickCallBack = clickCallBack?: Runnable {
            singleClickListener?.onClick(v)
            isClicking = false
        }
		// 如果已经点击过一次，在延迟时间内再次接受到点击
        // 意味着这是个双击事件
        if (isClicking){
            // 移除延迟任务，回调双击监听器
            handler.removeCallbacks(clickCallBack!!)
            doubleClickListener?.onClick(v)
            isClicking = false
        }else{
            // 第一次点击，发送延迟任务
            isClicking = true
            handler.postDelayed(clickCallBack!!,delayTime)
        }
    }
...
}

代码中实现了创建了一个 View.OnclickListener 接口实现类，并在类型实现单击和双击的逻辑判断。我们可以如下使用这个类：

val c = MyClickListener()
// 设置单击监听事件
c.setSingleClickListener(View.OnClickListener {
    Log.d(TAG, "button: 单击事件")
})
// 设置双击监听事件
c.setDoubleClickListener(View.OnClickListener {
    Log.d(TAG, "button: 双击事件")
})
// 把监听器设置给按钮
button.setOnClickListener(c)

这样就实现了按钮的双击监听了。

其他类型的监听器如：三击、双击长按等等，都可以基于这种思路来实现监听器接口。

自定义view

在自定义view中，我们可以更加灵活地运用事件分发来解决实际的需求。举几个例子：

滑动嵌套问题：外层是viewPager，里层是recyclerView，要实现左右滑动切换viewPager，上下滑动recyclerView。这也就是著名的滑动冲突问题。类似的还有外层viewPager，里层也是可以左右滑动的recyclerView。
实时触摸反馈问题：如设计一个按钮，要让他按下的时候缩小降低高度，放开的时候恢复到原来的大小和高度，而且如果在一个可滑动的容器中，按下之后滑动不会触发点击事件而是把事件交给外层可滑动容器。

我们可以发现，基本上都是基于实际的开发需求来灵活运用事件分发。具体到代码实现，都是围绕着三个关键方法展开： dispatchTouchEvent 、 onIntercepterTouchEvent 、 onTouchEvent 。这三个方法在view和viewGroup中已经有了默认的实现，而我们需要基于默认实现来完成我们的需求。下面看看几种常见的场景如何实现。

实现方块按下缩小

我们先来看看具体的实现效果：

方块按下后，会缩小高度变低透明度增加，释放又会恢复。

这个需求可以通过结合属性动画来实现。按钮块本身有高度、有圆角，我们可以考虑继承cardView来实现，重写cardView的dispatchTouchEvent方法，在按下的时候，也就是接收到down事件的时候缩小，在接收到up和cancel事件的时候恢复。注意，这里可能会忽视cancel事件，导致按钮块的状态无法恢复，一定要加以考虑cancel事件 。然后来看下代码实现：

public class NewCardView extends CardView {

    //点击事件到来的时候进行判断处理
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        // 获取事件类型
        int actionMarked = ev.getActionMasked();
        // 根据时间类型判断调用哪个方法来展示动画
        switch (actionMarked){
            case MotionEvent.ACTION_DOWN :{
                clickEvent();
                break;
            }
            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                upEvent();
                break;
            default: break;
        }
        // 最后回调默认的事件分发方法即可
        return super.dispatchTouchEvent(ev);
    }

    //手指按下的时候触发的事件;大小高度变小，透明度减少
    private void clickEvent(){
        setCardElevation(4);
        AnimatorSet set = new AnimatorSet();
        set.playTogether(
                ObjectAnimator.ofFloat(this,"scaleX",1,0.97f),
                ObjectAnimator.ofFloat(this,"scaleY",1,0.97f),
                ObjectAnimator.ofFloat(this,"alpha",1,0.9f)
        );
        set.setDuration(100).start();
    }

    //手指抬起的时候触发的事件；大小高度恢复，透明度恢复
    private void upEvent(){
        setCardElevation(getCardElevation());
        AnimatorSet set = new AnimatorSet();
        set.playTogether(
                ObjectAnimator.ofFloat(this,"scaleX",0.97f,1),
                ObjectAnimator.ofFloat(this,"scaleY",0.97f,1),
                ObjectAnimator.ofFloat(this,"alpha",0.9f,1)
        );
        set.setDuration(100).start();
    }
}

动画方面的内容就不分析了，不属于本文的范畴。可以看到我们只是给cardView设置了动画效果，监听事件我们可以设置给cardView内部的ImageView或者直接设置给CardView。需要注意的是，如果设置给cardView需要重写cardView的 intercepTouchEvent 方法永远返回true，防止事件被子view消费而无法触发监听事件。

解决滑动冲突

滑动冲突是事件分发运用最频繁的场景，也是一个重难点（敲黑板，考试要考的）。滑动冲突的基本场景有以下三种：

  • 情况一：内外view的滑动方向不同，例如viewPager嵌套ListView
  • 情况二：内外view滑动方向相同，例如viewPager嵌套水平滑动的recyclerView
  • 情况三：情况一和情况二的组合

解决这类问题一般有两个步骤：确定最终实现效果、代码实现。

滑动冲突的解决需要结合具体的实现需求，而不是一套解决方案可以解决一切的滑动冲突问题，这不现实。因此在解决这类问题时，需要先确定好最终的实现效果，然后再根据这个效果去思考代码实现。这里主要讨论情况一和情况二，情况三类同。

情况一

情况一是内外滑动方向不一致。这种情况的通用解决方案就是：根据手指滑动直线与水平线的角度来判断是左右滑动还是上下滑动：

如果这个角度小于45度，可以认为是在左右滑动，如果大于45度，则认为是上下滑动。那么现在确定好解决方案，接下来就思考如何代码实现。

滑动角度可以通过两个连续的MotionEvent对象的坐标计算出来，之后我们再根据角度的情况选择把事件交给外部容器还是内部view。这里根据事件处理的位置可分为内部拦截法和外部拦截法 。

  • 外部拦截法：在viewGroup中判断滑动的角度，如果符合自身滑动方向消费则拦截事件
  • 内部拦截法：在内部view中判断滑动的角度，如果是符合自身滑动方向则继续消费事件，否则请求外部viewGroup拦截事件处理

从实现的复杂度来看，外部拦截法会更加优秀，不需要里外view去配合，只需要viewGroup自身做好事件拦截处理即可。两者的区别就在于主动权在谁的手上。如果view需要做更多的判断可以采用内部拦截法，而一般情况下采用外部拦截法会更加简单。

接下来思考一下这两种方法的代码实现。

外部拦截法中，重点在于是否拦截事件，那么我们的重心就放在了 onInterceptTouchEvent 方法中。在这个方法中计算滑动角度并判断是否要进行拦截。这里以ScrollView为例子(外部是垂直滑动，内部是水平滑动），代码如下：

public class MyScrollView extends ScrollView {
    // 记录上一次事件的坐标
    float lastX = 0;
    float lastY = 0;

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        int actionMasked = ev.getActionMasked();
        // 不能拦截down事件，否则子view永远无法获取到事件
        // 不能拦截up事件，否则子view的点击事件无法被触发
        if (actionMasked == MotionEvent.ACTION_DOWN || actionMasked == MotionEvent.ACTION_UP){
            lastX = ev.getX();
            lastY = ev.getY();
            return false;
        }   

        // 获取斜率并判断
        float x = ev.getX();
        float y = ev.getY();
        return Math.abs(lastX - x) < Math.abs(lastY - y);
    }
}

代码的实现思路很简单，记录两次触控点的位置，然后计算出斜率来判断是垂直还是水平滑动。代码中有个需要注意的点：viewGroup不能拦截up事件和down事件。如果拦截了down事件那么子view将永远接收不到事件信息；如果拦截了up事件那么子view将永远无法触发点击事件。

上面的代码是事件分发的核心代码，更加具体的代码还需要根据实际需求去完善细节，但整体的逻辑是不变的。

内部拦截法的思路和外部拦截的思路很像，只是判断的位置放到了内部view中。内部拦截法意味着内部view必须要有控制事件流走向的能力，才能对事件进行处理。这里就运用到了内部view一个重要的方法： requestDisallowInterceptTouchEvent 。

这个方法可以强制外层viewGroup不拦截事件。因此，我们可以让viewGroup默认拦截除了down事件以外的所有事件。当子view需要处理事件时，只需要调用此方法即可获取事件；而当想要把事件交给viewGroup处理时，那么只需要取消这个标志，外层viewGroup就会拦截所有事件。从而达到内部view控制事件流走向的目的。

代码实现需要分两步走，首先是设置外部viewGroup拦截除了down事件以外的所有事件（这里用viewPager和ListView来进行代码演示）：

public class MyViewPager extends ViewPager {
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        if (ev.getActionMasked()==MotionEvent.ACTION_DOWN){
            return false;
        }
        return true;
    }
}

接下来需要重写内部view的dispatchTouchEvent方法：

public class MyListView extends ListView {
    float lastX = 0;
    float lastY = 0;

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        int actionMarked = ev.getActionMasked();
        switch (actionMarked){
            // down事件，必须请求不拦截，否则拿不到move事件无法进行判断
            case MotionEvent.ACTION_DOWN:{
                requestDisallowInterceptTouchEvent(true);
                break;
            }
            // move事件，进行判断是否处理事件
            case MotionEvent.ACTION_MOVE:{
                float x = ev.getX();
                float y = ev.getY();
                // 如果滑动角度大于90度自己处理事件
                if (Math.abs(lastY-y)<Math.abs(lastX-x)){
                    requestDisallowInterceptTouchEvent(false);
                }
                break;
            }
            default:break;
        }
        // 保存本次触控点的坐标
        lastX = ev.getX();
        lastY = ev.getY();
        // 调用ListView的dispatchTouchEvent方法来处理事件
        return super.dispatchTouchEvent(ev);
    }
}

两种方法的代码思路基本一致，但是内部拦截法会更加复杂一点，所以在一般的情况下，还是使用外部拦截法较好。

到这里已经解决了情况一的滑动冲突解决方案，接下来看看情况二的滑动冲突如何解决。

情况二

第二种情况是里外容器的滑动方向是一致的，这种情况的主流解决方法有两种，一种是外容器先滑动，外容器滑动到边界之后再滑动内部view，例如京东app（注意向下滑动时的情况）：

第二种情况的内部view先滑动，等内部view滑动到边界之后再滑动外部viewGroup,例如饿了么app（注意向下滑动时的情况）：

这两种方案没有孰好孰坏，而是需要根据具体的业务需求来确定具体的解决方案。下面就上述的第二种方案展开分析，第一种方案类同。

首先分析一下具体的效果：外层viewGroup与内层view的滑动方向是一致的，都是垂直滑动或水平滑动；向上滑动时，先滑动viewGroup到顶部，再滑动内部view；向下滑动时，先滑动内部view到顶部后再滑动外层viewGroup。

这里我们采用外部拦截法来实现。首先我们先确定好我们的布局：

image.png

最外层是一个ScrollView，内部首先是一个LinearLayout，因为ScrollView只能有一个view。内部顶部是一个LinearLayout可以放置头部布局，下面是一个ListView。现在需要确定ScrollView的拦截规则：

  1. 当ScrollView没有滑动到底部时，直接给ScrollView处理
  2. 当ScrollView滑动到底部时：
    • 如果LinearLayout没有滑动到顶部，则交给ListView处理
    • 如果LinearLayout滑动到顶部：
      • 如果是向上滑动则交给listView处理
      • 如果是向下滑动则交给ScrollView处理

接下来就可以确定我们的代码了：

public class MyScrollView extends ScrollView {
	...
    float lastY = 0;
    boolean isScrollToBottom = false;
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        boolean intercept = false;
        int actionMarked = ev.getActionMasked();
        switch (actionMarked){
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_UP:
            case MotionEvent.ACTION_CANCEL:{
                // 这三种事件默认不拦截，必须给子view处理
                break;
            }
            case MotionEvent.ACTION_MOVE:{
                LinearLayout layout = (LinearLayout) getChildAt(0);
                ListView listView = (ListView)layout.getChildAt(1);
                // 如果没有滑动到底部，由ScrollView处理，进行拦截
                if (!isScrollToBottom){
                    intercept = true;
                    // 如果滑动到底部且listView还没滑动到顶部，不拦截
                }else if (!ifTop(listView)){
                    intercept = false;
                }else{
                    // 否则判断是否是向下滑
                    intercept = ev.getY() > lastY;
                }
                break;
            }
            default:break;
        }
        // 最后记录位置信息
        lastY = ev.getY();
        // 调用父类的拦截方法，ScrollView需要做一些处理，不然可能会造成无法滑动
        super.onInterceptTouchEvent(ev);
        return intercept;
    }
    ...
}

代码中我还增加了如果listView下面有view的情况，判断是否滑动到底部。判断listView滑动情况和scrollView滑动情况的代码如下：

{
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
        // 设置滑动监听
        setOnScrollChangeListener((v, scrollX, scrollY, oldScrollX, oldScrollY) -> {
            ViewGroup viewGroup = (ViewGroup)v;
            isScrollToBottom = v.getHeight() + scrollY >= viewGroup.getChildAt(0).getHeight();
        });
    }
}
// 判断listView是否到达顶部
private boolean ifTop(ListView listView){
    if (listView.getFirstVisiblePosition()==0){
        View view = listView.getChildAt(0);
        return view != null && view.getTop() >= 0;
    }
    return false;
}

最终的实现效果如下图：

这样就简单地解决一个滑动冲突了。但是要注意的是，在实际问题中，往往有更加复杂的细节需要处理。而上述只是把解决滑动冲突的一个思想分析了一下，具体到业务上，还需要去细心打磨代码才行。有兴趣可以去看看NeatedScrollView是如何解决滑动冲突的源码。

最后

事件分发作为Android的基础知识储备可谓是非常重要。不能说学了事件分发，就可以直接一飞冲天。而是掌握了事件分发之后，面对一些具体的需求，就有了一定的思路去处理。或者在了解一些框架的源码的时候，懂得他这些代码是什么意思。

学习事件分发的过程中，深入研究了很多的源码，有一些小伙伴觉得没必要。实际开发中也就用到那三个主要的方法，了解一个主要的流程就足够了。我想说：确实是这样；但没有研究背后的原理，就只能知其然而不知其所以然。当遇到一些异常的情况时，就无法从源码的角度去分析结果的bug。学习源码的过程中，也是与设计android系统的作者的一种交流。倘若现在没有事件分发机制，那么我该如何去解决触摸信息的分发问题？学习的过程就是在思考android系统作者给出的解决方案。而掌握原理之后，对于事件分发的问题，稍加思考和分析，也就手到擒来了。正所谓：

只有打败10级的敌人，才能掌控9级的敌人。

希望文章对你有帮助。

要不留下个小小的点赞鼓励一下作者？

全文到此，原创不易，觉得有帮助可以点赞收藏评论转发。
笔者才疏学浅，有任何想法欢迎评论区交流指正。
如需转载请评论区或私信交流。

另外欢迎光临笔者的个人博客：传送门

Tags:

VirMach 便宜 VPS

QNews

QNews