初識Android觸控事件傳遞機制

cryAllen發表於2017-04-25
Android事件

前言

今天總結的一個知識點是Andorid中View事件傳遞機制，也是核心知識點，相信很多開發者在面對這個問題時候會覺得困惑，另外，View的另外一個難題滑動衝突，比如在ScrollView中巢狀ListView，都是上下滑動，這該如何解決呢，它解決的依據就是View事件的傳遞機制，所以開發者需要對View的事件傳遞機制有較深入的理解。

目錄

  • Activity、View、ViewGroup三者關係
  • 觸控事件型別
  • 事件傳遞三個階段
  • View事件傳遞機制
  • ViewGroup事件傳遞機制
  • 小結

Activity、View、ViewGroup三者關係

我們都知道Android中看到的頁面很多是Activity元件，然後在Activity中巢狀控制元件，比如TextView、RelativeLayout佈局等，其實這些控制元件的基類都是View這個抽象類，而ViewGroup也是View的子類，區別在於ViewGroup是可以當做其他子類的容器，一張關係圖如下：

View Hierarchy

簡單一句話，這些View控制元件的載體是Activity，Activity通過從DecorView開始進行繪製。

觸控事件型別

  • ACTION_DOWN：使用者手指按下操作，往往也代表著一次觸控事件的開始。
  • ACTION_MOVE：使用者手指在螢幕上移動，一般情況下的輕微移動都會觸發一系列的移動事件。
  • ACTION_POINTER_DOWN：額外的手指按下操作。
  • ACTION_POINTER_UP：額外的手指的離開操作
  • ACTION_UP：使用者手指離開螢幕的操作，一次抬起操作標誌著一次觸控事件的結束。

在一次螢幕觸控操作中，ACTION_DOWN和ACTION_UP是必需的，ACTION_MOVE則是看情況而定，如果只是點選，那麼檢測到只有按下和抬起操作。

事件傳遞三個階段

  • 分發（Dispatch）：事件的分發對應著dispatchTouchEvent方法，在Andorid系統中，所有的觸控事件都是通過這個方法來分發的。

    boolean dispatchTouchEvent (MotionEvent ev)

    這個方法中，可以決定直接消費這個事件或者將事件繼續分發給子檢視處理。

  • 攔截（Intercept）：事件攔截對應著onInterceptTouchEvent方法，這個方法只有在ViewGroup及其子類中才存在，在View和Activity中是不存在的。

    boolean onInterceptTouchEvent (MotionEvent ev)

    這個方法用來判斷是否攔截某個事件，如果攔截了某個事件，那麼在同一序列事件當中，那麼這個方法不會被再次呼叫。

  • 消費（Consume）：事件消費對應著onTouchEvent方法。

    boolean onTouchEvent (MotionEvent event)

    用來處理點選事件，返回結果表示是否消耗當前事件，如果不消耗，則在同一事件序列中，當前View無法再接收到事件

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

  • Activity：擁有dispatchTouchEvent、onTouchEvent兩個方法。
  • ViewGroup：擁有dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent三個方法。
  • View：擁有dispatchTouchEvent、onTouchEvent兩個方法。

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;
    }
}

檢視結果：

View日誌結果

從中可以看到，事件是從down-move-up這樣順序執行，onTouch方法優先於onClick方法呼叫，如果都是以super方法傳遞的話，最後的結果是在MyTextView的onTouchEvent方法內被消費的，如果不消費的話，則會把事件返回到它的父級去消費，如果父級也沒消費，那麼最終會返回到Activity中處理。

ViewGroup事件傳遞機制

ViewGroup作為View控制元件的容器存在，ViewGroup擁有dispatchTouchEvent、onInterceptTouchEvent、onTouchEvent三個方法。同樣，我們自定義一個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 true;
    }

    @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);
    }
}

檢視結果：

ViewGroup日誌結果

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

小結

在Android系統事件中，View和ViewGroup的虛擬碼如下：

public boolean dispatchTouchEvent(MotionEvent ev){
  boolean consume = false;
  if(onInterceptTouchEvent(ev)){
    consume = onTouchEvent(ev);
  }
  else{
    consume = child.dispatchTouchEvent(ev);
  }
  return consume;
}

用三張圖來表示Android中觸控機制的流程。

1，View內觸控事件不消費

事件不消費

2，View內觸控事件消費

事件被消費

3，ViewGroup攔截觸控事件

事件被攔截

一些總結：

  • 同一個事件序列是指從手指接觸螢幕的那一刻起，到手指離開螢幕的那一刻結束。一般是以down事件開始，中間含有數量不定的move事件，最終以up事件結束。
  • 正常情況下，一個事件序列只能被一個View攔截且消耗。
  • 某個View一旦決定攔截，那麼這個事件序列就只能由它來處理，那麼同一事件序列中的其他事件都不會再交給它來處理，並且事件將重新交給它的父元素去處理，即父元素的onTouchEvent會被呼叫。
  • 如果View不消耗除ACTION_DOWN以外的其他事件，那麼這個點選事件就會消失，此時父元素的onTouchEvent並不會被呼叫，最終會交給Activity處理。
  • ViewGroup預設不攔截任何事件。
  • View中沒有onInterceptTouchEvent方法。
  • View的onTouchEvent預設都會被消耗，除非它是不可點選的。
  • 事件傳遞過程是由外向內的，即事件先是傳遞給父元素，然後再由父元素分發給子View。

參考地址：

1，https://www.youtube.com/watch?v=EZAoJU-nUyI

閱讀擴充套件

源於對掌握的Android開發基礎點進行整理，羅列下已經總結的文章，從中可以看到技術積累的過程。
1，Android系統簡介
2，ProGuard程式碼混淆
3，講講Handler+Looper+MessageQueue關係
4，Android圖片載入庫理解
5，談談Android執行時許可權理解
6，EventBus初理解
7，Android 常見工具類
8，對於Fragment的一些理解
9，Android 四大元件之 " Activity "
10，Android 四大元件之" Service "
11，Android 四大元件之“ BroadcastReceiver "
12，Android 四大元件之" ContentProvider "
13，講講 Android 事件攔截機制
14，Android 動畫的理解
15，Android 生命週期和啟動模式
16，Android IPC 機制
17，View 的事件體系
18，View 的工作原理
19，理解 Window 和 WindowManager
20，Activity 啟動過程分析
21，Service 啟動過程分析
22，Android 效能優化
23，Android 訊息機制
24，Android Bitmap相關
25，Android 執行緒和執行緒池
26，Android 中的 Drawable 和動畫
27，RecylerView 中的裝飾者模式
28，Android 觸控事件機制
29，Android 事件機制應用
30，Cordova 框架的一些理解
31，有關 Android 外掛化思考
32，開發人員必備技能——單元測試

相關文章