Android觸控事件的酸甜苦辣以及詳細介紹

1008711發表於2017-04-24

一、前言

一次完整的事件傳遞主要包括三個階段，分別是事件的分發、攔截和消費。

二、事件傳遞的三個階段

分發（Dispatch）：事件的分發對應著dispatchTouchEvent方法，在Android系統中，所有觸控事件都是通過這個方法來分發的，程式碼：
```
public boolean dispatchTouchEvent(MotionEvent ev)複製程式碼
```

在這個方法中，根據當前檢視的具體實現邏輯，來決定是直接消費這個事件還是將事件繼續分發給子檢視處理，方法返回值為true表示事件被當前檢視消費掉，不再繼續分發事件；方法返回值為super.dispatchTouchEvent表示繼續分發該事件。如果當前檢視是ViewGroup及其子類，則會呼叫onInterceptTouchEvent方法判定是否攔截該事件。

攔截（Intercept）：事件的攔截對應著onInterceptTouchEvent方法，這個方法只在ViewGroup及其子類中才存在，在View和Activity中是不存在的，程式碼：
```
public boolean onInterceptTouchEvent(MotionEvent ev)複製程式碼
```

這個方法也是通過返回的布林值來決定是都攔截對應的事件，根據具體的實現邏輯，返回true表示攔截這個事件，不繼續分發給子檢視，同時交由自身的onTouchEvent方法進行消費；返回false或者super.onInterceptTouchEvent表示不對事件進行攔截，需要繼續傳遞給子檢視。

消費（Consume）：事件的消費對應著onTouchEvent方法，程式碼：
```
public boolean onTouchEvent(MotionEvent event)複製程式碼
```

該方法返回值為true表示當前檢視可以處理對應的事件，事件將不會向上傳遞給父檢視；返回值為false表示當前檢視不處理這個事件，事件會被傳遞給父檢視的onTouchEvent方法進行處理。

在Android系統中，擁有事件傳遞處理能力的類有以下三種：

Activity：擁有dispatchTouchEvent和onTouchEvent兩個方法。
ViewGroup：擁有dispatchTouchEvent、onIntercptTouchEvent和onTouchEvent三個方法。
View：擁有dispatchTouchEvent和onTouchEvent兩個方法。

三、View的事件傳遞機制

雖然ViewGroup是View的子類，這裡所說的View專指除ViewGroup外的View控制元件，例如TextView、Button、CheckBox等，View控制元件本身已經是最小的單位，不能再作為其他View的容器。View控制元件擁有dispatchTouchEvent和onTouchEvent兩個方法。首先定義一個整合TextView的類MyTextView，如下：

public class MyTextView extends TextView {

    private static final String TAG = "MyTextView";

    public MyTextView(Context context) {
        super(context);
    }

    public MyTextView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "dispatchTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "dispatchTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "dispatchTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "dispatchTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "onTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "onTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "onTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "onTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }

}複製程式碼

然後在MainActivity展示MyTextView，為Activity中的MyTextView設定點選（onClick）和觸控（onTouch）監聽，方便跟蹤事件傳遞流程，如下：

public class MainActivity extends AppCompatActivity implements View.OnClickListener, View.OnTouchListener {

    private static final String TAG = "MainActivity";

    private MyTextView mTextView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mTextView = (MyTextView) findViewById(R.id.my_text_view);
        mTextView.setOnClickListener(this); // 設定MyTextView的點選處理
        mTextView.setOnTouchListener(this); // 設定MyTextView的觸控處理
    }

    

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "dispatchTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "dispatchTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "dispatchTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "dispatchTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "onTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "onTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "onTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "onTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.my_text_view:
                Log.e(TAG, "MyTextView onClick");
                break;
            default:
                break;
        }
    }

    @Override
    public boolean onTouch(View view, MotionEvent motionEvent) {
        switch(view.getId()) {
            case R.id.my_text_view:
                switch (motionEvent.getAction()) {
                    case MotionEvent.ACTION_DOWN:
                        Log.e(TAG, "MyTextView onTouch ACTION_DOWN");
                        break;
                    case MotionEvent.ACTION_MOVE:
                        Log.e(TAG, "MyTextView onTouch ACTION_MOVE");
                        break;
                    case MotionEvent.ACTION_UP:
                        Log.e(TAG, "MyTextView onTouch ACTION_UP");
                        break;
                    default:
                        break;
                }
                break;
            default:
                break;
        }
        return false;
    }
}複製程式碼

執行程式碼後，點選MyTextView列印的日誌：

com.mrxi.viewdemo E/MainActivity: dispatchTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MyTextView: dispatchTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MainActivity: MyTextView onTouch ACTION_DOWN
com.mrxi.viewdemo E/MyTextView: onTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MainActivity: dispatchTouchEvent ACTION_UP
com.mrxi.viewdemo E/MyTextView: dispatchTouchEvent ACTION_UP
com.mrxi.viewdemo E/MainActivity: MyTextView onTouch ACTION_UP
com.mrxi.viewdemo E/MyTextView: onTouchEvent ACTION_UP
com.mrxi.viewdemo E/MainActivity: MyTextView onClick
從上面的程式碼和執行的日誌可以看出，dispatchTouchEvent、onTouchEvent這兩個方法的返回值可能存在以下三種情況：

直接返回false
直接返回true
返回父類的同名方法，例如：super.dispatchTouchEvent

除此之外還得出結論：

觸控事件的傳遞流程是從dispatchTouchEvent開始的，如果不進行人為干預（預設返回父類同名函式），則事件將會依照巢狀層次從外層向最內層傳遞，到達最內層的View時，就由它的onTouchEvent方法處理，該方法如果能夠消費掉該事件，則返回true，如果處理不了，則返回false，這時事件會重新向外層傳遞，並由外層View的onTouchEvent方法進行處理。
如果事件在向內層傳遞過程中由於人為干預，事件處理函式返回true，則會導致事件提前被消費掉，內層View將不會收到這個事件。
View控制元件的事件觸發順序是先執行onTouch方法，在最後才執行onClick方法。如果onTouch返回true，則事件不會繼續傳遞，最後也不會呼叫onClick方法，如果onTouch放回false，則事件繼續傳遞。

四、ViewGroup的事件傳遞機制

ViewGroup的作為View控制元件的容器存在的，Android系統預設提供了一系列ViewGroup的子類，常見的有LinearLayout、RelativeLayout、FrameLayout、ListView、ScrollView等。ViewGroup擁有dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent三個方法，可以看出和View的唯一區別是多了一個onInterceptTouchEvent方法。自定義一個ViewGroup，繼續成RelativeLayout，實現一個MyRelativeLayout，如下：

public class MyRelativeLayout extends RelativeLayout {

    private static final String TAG = "MyRelativeLayout";

    public MyRelativeLayout(Context context) {
        super(context);
    }

    public MyRelativeLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "dispatchTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "dispatchTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "dispatchTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "dispatchTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        switch (ev.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "onInterceptTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "onInterceptTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "onInterceptTouchEvent ACTION_UP");
                break;
            default:
                break;
        }
        return false;
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN:
                Log.e(TAG, "onTouchEvent ACTION_DOWN");
                break;
            case MotionEvent.ACTION_MOVE:
                Log.e(TAG, "onTouchEvent ACTION_MOVE");
                break;
            case MotionEvent.ACTION_UP:
                Log.e(TAG, "onTouchEvent ACTION_UP");
                break;
            case MotionEvent.ACTION_CANCEL:
                Log.e(TAG, "onTouchEvent ACTION_CANCEL");
                break;
            default:
                break;
        }
        return super.onTouchEvent(event);
    }
}複製程式碼

同樣將這個Layout作為MyTextView的容器，修改的xml佈局檔案：

<?xml version="1.0" encoding="utf-8"?>
<com.mrxi.viewdemo.MyRelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin">

    <com.mrxi.viewdemo.MyTextView
        android:id="@+id/my_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:text="Hello World!" />
</com.mrxi.viewdemo.MyRelativeLayout>複製程式碼

執行MyTextView後的日誌：

com.mrxi.viewdemo E/MainActivity: dispatchTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MyRelativeLayout: dispatchTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MyRelativeLayout: onInterceptTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MyTextView: dispatchTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MainActivity: MyTextView onTouch ACTION_DOWN
com.mrxi.viewdemo E/MyTextView: onTouchEvent ACTION_DOWN
com.mrxi.viewdemo E/MainActivity: dispatchTouchEvent ACTION_UP
com.mrxi.viewdemo E/MyRelativeLayout: dispatchTouchEvent ACTION_UP
com.mrxi.viewdemo E/MyRelativeLayout: onInterceptTouchEvent ACTION_UP
com.mrxi.viewdemo E/MyTextView: dispatchTouchEvent ACTION_UP
com.mrxi.viewdemo E/MainActivity: MyTextView onTouch ACTION_UP
com.mrxi.viewdemo E/MyTextView: onTouchEvent ACTION_UP
com.mrxi.viewdemo E/MainActivity: MyTextView onClick
可以看到唯一不一樣的，與View的事件流程不一樣的額地方是MainActivity和MyTextView之間增加了一層MyRelativeLayout。根據日誌可以分析如下：

觸控事件的傳遞順序是由Activity的ViewGroup，再由ViewGroup遞迴傳遞給它的子View。
ViewGroup通過onInterceptTouchEvent方法對事件進行攔截，如果該方法返回true，則事件不會繼續傳遞給子View，如果返回false或者super.onInterceptTouchEvent，則事件會繼續傳遞給子View。
在子View中對事件進行消費後，ViewGroup將接受不到任何事件。

android 觸控(Touch)事件、點選(Click)事件的區別(詳細解析)
2016-08-04
Android事件
Oracle觸發器詳細介紹
2009-03-07
Oracle觸發器
Android觸控事件（上）——事件的由來
2017-12-15
Android事件
Android觸控事件（下）——事件的分發
2018-01-03
Android事件
Android觸控事件的應用
2017-05-02
Android事件
Android中Context的詳細介紹
2017-12-15
AndroidContext
iBeacon詳細介紹以及坑點
2017-12-13
Vue事件匯流排（EventBus）使用詳細介紹
2021-09-09
Vue事件
android 管理ViewGroup中的觸控事件
2015-08-14
AndroidView事件
javascript this詳細介紹
2019-06-09
JavaScript
JDBC 詳細介紹
2021-12-30
JDBC
Kafka詳細介紹
2018-09-05
Kafka
Git詳細介紹
2020-12-14
Git
觸控事件
2016-11-16
事件
Android觸控事件（續）——點選長按事件
2017-12-22
Android事件
Http Module 的詳細介紹
2021-09-09
HTTP
asmcmd工具的詳細介紹
2014-03-26
ASM
Mysqldump工具的詳細介紹
2014-08-28
MySql
Android觸控事件傳遞機制
2019-03-04
Android事件
Android中TouchEvent觸控事件機制
2015-12-20
Android事件
Android 觸控事件處理機制
2015-06-15
Android事件
Android中觸控事件的傳遞機制
2018-05-16
Android事件
Go Channel 詳細介紹
2021-07-06
Go
Nacos 介面詳細介紹
2021-08-02
MQ詳細命令介紹
2017-05-09
MQ
Recovery命令詳細介紹
2014-04-15
Vmstat 命令詳細介紹
2008-01-31
JS觸控事件
2021-09-09
JS事件
觸控事件02
2015-04-13
事件
Apache (http server)的詳細介紹
2009-06-04
ApacheHTTPServer
官方詳細介紹Android Studio 3.0 Canary 1
2017-05-24
Android
Python直譯器種類以及特點?詳細介紹！
2021-02-24
Python
PHP 的Closure的bind 詳細介紹
2018-03-23
PHP
Flutter系列（一）——詳細介紹
2020-02-17
Flutter
Nginx服務詳細介紹
2020-04-08
Nginx
python字典詳細介紹
2020-05-24
Python
Spring bean詳細介紹
2019-03-23
SpringBean
Java異常詳細介紹
2020-12-06
Java

Android觸控事件的酸甜苦辣以及詳細介紹

一、前言

二、事件傳遞的三個階段

三、View的事件傳遞機制

四、ViewGroup的事件傳遞機制

相關文章