gaoshijie365.tech

Android 触摸事件传递机制

2020-03-29  本文已影响0人  小狮子365

本文将介绍 Activity、ViewGroup、View 三者触摸事件传递机制。一次完整的触摸事件传递包括三个阶段:分发、拦截和消费。接下来就从实际运行效果上来对触摸事件传递机制有一个基本的认识。

1 事件类型

触摸事件对应的是 android.view.MotionEvent 类,触摸事件的类型非常多,我们主要关注以下三种:

一次完整的触摸事件包括一次 ACTION_DOWN、0 到多次 ACTION_MOVE 和一次 ACTION_UP

2 触摸事件传递的三个阶段

触摸事件传递的三个阶段,分别对应着三个方法。

可以看到,这三个方法都返回一个 boolean 值,那么接下来就让我们一起来看一下这三个方法在返回不同值时的运行效果。

3 运行效果

首先需要创建一个项目。这里我已经创建好了,可以直接下载运行:https://github.com/gaoshijie365/ExampleTouchEvent

  1. MainActivity 覆写分发和消费的方法并加入日志代码:
    private static final String TAG = "Activity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.d(TAG, "dispatchTouchEvent: " + MotionEvent.actionToString(ev.getAction()));
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d(TAG, "onTouchEvent: " + MotionEvent.actionToString(event.getAction()));
        return super.onTouchEvent(event);
    }
  1. 新建 MyViewGroup 类并覆写触摸事件传递三个方法并加入日志代码:
public class MyViewGroup extends RelativeLayout {
    private static final String TAG = "ViewGroup";

    // 此处省略构造器的定义
    
    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.d(TAG, "dispatchTouchEvent: " + MotionEvent.actionToString(ev.getAction()));
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        Log.d(TAG, "onInterceptTouchEvent: " + MotionEvent.actionToString(ev.getAction()));
        return super.onInterceptTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d(TAG, "onTouchEvent: " + MotionEvent.actionToString(event.getAction()));
        return super.onTouchEvent(event);
    }
}
  1. 新建 MyView 类并覆写触摸事件传递两个方法并加入日志代码,这里继承自 ImageView,你也可以继承自任何 View:
public class MyView extends ImageView {
    private static final String TAG = "View";

    // 此处省略构造器定义

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        Log.d(TAG, "dispatchTouchEvent: " + MotionEvent.actionToString(ev.getAction()));
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        Log.d(TAG, "onTouchEvent: " + MotionEvent.actionToString(event.getAction()));
        return super.onTouchEvent(event);
    }
}
  1. 布局代码 activity_main.xml 如下:
<?xml version="1.0" encoding="utf-8"?>
<com.gaoshijie.android.myapplication.MyViewGroup xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/viewGroup"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="center">

    <com.gaoshijie.android.myapplication.MyView
        android:id="@+id/view"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerInParent="true"
        android:background="@color/colorAccent"
        android:src="@mipmap/ic_launcher" />
</com.gaoshijie.android.myapplication.MyViewGroup>

接下来分别修改 Activity、ViewGroup、View 的事件处理相关方法的返回值并观察日志。这里举一种情况的例子,剩下的我就不一一列举了,大家可以自行下载源码修改返回值测试一下。

在所有覆写的方法都返回默认值,即调用 super 的时候,日志如下:

Activity: dispatchTouchEvent: ACTION_DOWN
ViewGroup: dispatchTouchEvent: ACTION_DOWN
ViewGroup: onInterceptTouchEvent: ACTION_DOWN
View: dispatchTouchEvent: ACTION_DOWN
View: onTouchEvent: ACTION_DOWN
ViewGroup: onTouchEvent: ACTION_DOWN
Activity: onTouchEvent: ACTION_DOWN

从这个日志中可以看出默认情况下,事件由 Activity 分发到 ViewGroup,再由 ViewGroup 分发到 View,最后又反方向调用了 onTouchEvent 方法去处理。

4 总结

当我们运行完所有的情况之后,可以发现,对于事件传递三个阶段的方法,不同的返回值对应的效果如下:

文字表述可能不够直观,那我们画个流程图来看一下:

Android 触摸事件传递流程

好了,到此为止已经带大家过了一遍整体的流程,建立了一个初步的认识。

其实看到这个结果一点都不惊讶,毕竟这个流程跟我们平时工作中的任务分派简直太像了,Android 中触摸事件的传递也是从上层一层一层向下传递,每一层可以决定自己如何去处理事件以及给上层一个反馈。工作中不也是这样子吗,任务从上层分发下来,下层根据自己的情况决定是继续分发还是自己处理,最后不管哪层去处理任务都要给上层一个反馈。

一直认为计算机的思维,或者说是编程的思维都是从生活中来的。所以说嘛编程不仅仅是编程啊,我们也要联系生活,相互启发,朝着优秀的方向努力。相信自己,你是优秀的!!!

上一篇下一篇

猜你喜欢

热点阅读