AndroidAndroid开发Android开发经验谈

View的绘制与事件分发机制

2019-11-08  本文已影响0人  瑟闻风倾

1. Android视图构成

Android视图构成.png

2. View 的绘制流程

当 Activity 接收到焦点的时候,它会被请求绘制布局,该请求由 Android 的 framework 层处理。绘制是从根节点开始,从上到下开始遍历,对布局树递归地进行 measure、layout 和 draw。整个 View 树的绘图流程在 ViewRoot.java 类的 performTraversals() 函数展开,该函数所做 的工作可简单概况为是否需要重新计算视图大小(measure)、是否需要重新安置视图的位置(layout)、以及是否需要重绘(draw),流程图如下:

View 树的绘图流程.png
绘制顺序.png

3. 事件分发机制

(1) 为什么要使用事件分发
android中View是树形结构的,View可能会重叠在一起,当我们点击一个地方有多个View都可以响应,这个点击事件应该分配给谁呢?为了解决这个问题,就有了事件分发机制。

(2) 三个重要的事件分发事件

Android事件分发机制主要由“事件分发”—>“事件拦截”—>“事件响应”这三步来进行逻辑控制的。

(3) 事件分发流程
问题:如下图所示,点击View1的位置时,由于View重叠,View1、GroupView 和 RootView都可响应事件,这个点击事件应该分配给谁呢?

View重叠及对应的视图结构.png

分析:点击View1位置时,如其他父控件都不拦截,仅View1对事件进行拦截,则事件分发流程如下

事件分发流程.png
相关结论

a. Activity 和 View 是没有拦截事件的,即无onInterceptTouchEvent()方法。原因是

  • Activity 作为事件的原始分发者,若拦截了事件,则整个屏幕都会无法响应事件。
  • View 作为事件传递的最末端,要么消费处理掉事件,要么不处理并回传事件给activity,因为向下没有子控件了,所有没必要再对事件拦截并向下分发。

b. 屏幕被点击后,事件传递过程为:Activity—>PhoneWindow—>DecorView—>GroupView—>...—>View,即点击事件发生后,事件先传到Activity、再传到ViewGroup、最终再传到View。

c. 点击事件的分发过程如下:dispatchTouchEvent—>onTouchListener的OnTouch方法—>onTouchEvent—>onClickListener的onClick方法。从而也可以看出onTouch优先于onClick执行,即事件传递的顺序是先经过onTouch,再传递到onClick。如:

为一个按钮同事注册点击事件和触摸事件。

package comi.example.liy.mytestdemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;

/**
 * Created by liy on 2019-12-18 8:55
 */
public class EventDispatchActivity extends AppCompatActivity {

    private Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_event_dispatch);
        button = findViewById(R.id.btn_event);

        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Log.d("liy", "onClick execute");
            }
        });

        button.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                Log.d("liy", "onTouch execute, action " + event.getAction());
                /*return false;*/

                switch (event.getAction()) {// 获取当前触摸事件的Action
                    case MotionEvent.ACTION_DOWN://手指按下
                        Log.d("liy", "手指按下: " + event.getAction());
                        break;
                    case MotionEvent.ACTION_MOVE://手指滑动
                        //获取手指滑动到新的位置
                        Log.d("liy", "手指滑动: " + event.getAction());
                        break;
                    case MotionEvent.ACTION_UP://手指抬起
                        Log.d("liy", "手指抬起: " + event.getAction());
                        break;
                }
                //onTouch事件默认返回false;如果设置为true,那么这个触摸事件会被onTouch消费掉,不会再继续向下传递。
                return false;

            }
        });
    }

}

点击按钮打印结果为:


onTouch优先于onClick执行.png

onTouch基础:

  • onTouch方法里能做的事情比onClick要多一些,比如判断手指按下、抬起、移动等事件。
  • onTouch事件默认返回false;如果设置为true,那么这个触摸事件会被onTouch消费掉,不会再继续向下传递,即不会触发onClick事件。

(4) 事件分发—源码分析

源码分析.png
  • onTouch和onTouchEvent的区别:从源码中可以看出,这两个方法都是在View的dispatchTouchEvent中调用的,onTouch优先于onTouchEvent执行。如果在onTouch方法中通过返回true将事件消费掉,onTouchEvent将不会再执行。
  • 注意:如果控件是非enable的,那么给它注册onTouch事件将永远得不到执行。对于这一类控件(如 ImageView),如果我们想要监听它的touch事件:第一,在ImageView的onTouch方法里返回true,这样可以保证ACTION_DOWN之后的其它action都能得到执行;第二,在布局文件里面给ImageView增加一个android:clickable="true"的属性,这样ImageView变成可点击的之后,即使在onTouch里返回了false,ACTION_DOWN之后的其它action也是可以得到执行的;第三:重写该控件的onTouchEvent方法。
  • touch事件的层级传递:如果给一个控件注册了touch事件,每次点击它的时候都会触发一系列的ACTION_DOWN,ACTION_MOVE,ACTION_UP等事件。这里需要注意,如果在执行ACTION_DOWN的时候返回了false,后面一系列其它的action就不会再得到执行了。简单的说,就是当dispatchTouchEvent在进行事件分发的时候,只有前一个action返回true,才会触发后一个action。

3. 事件分发示例

(1) android外接USB扫码枪

(2) ImageView的触摸事件

ivPicture.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // 获取当前触摸事件的Action
                switch (event.getAction()) {
                    //手指按下
                    case MotionEvent.ACTION_DOWN:
                        //获取绘画开始的位置
                        startX = event.getX();
                        startY = event.getY();
                        break;
                    //手指滑动
                    case MotionEvent.ACTION_MOVE:
                        //获取手指滑动到新的位置
                        float newStartX = event.getX();
                        float newStartY = event.getY();
                        //开始绘画
                        cacheCanvas.drawLine(startX, startY, newStartX, newStartY, paint);
                        //手指滑动过程要不断初始化开始位置,不然开始位置不变
                        startX = newStartX;
                        startY = newStartY;
                        //重新设置iv显示副本
                        ivPicture.setImageBitmap(cacheBitmap);
                        break;
                    //手指抬起
                    case MotionEvent.ACTION_UP:
                        cacheCanvas.drawPath(path,paint);
                        path.reset();
                        break;
                }
                //如果设置为true,那么这个触摸事件由该组件控制
                return true;
            }
        });
上一篇下一篇

猜你喜欢

热点阅读