1. 程式人生 > >初識Android觸控事件傳遞機制

初識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_DOWNACTION_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

閱讀擴充套件