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將接受不到任何事件。


相關文章