引入
对屏幕的任何操作,系统都会创建一个触摸事件的对象MotionEvent来应对这个操作。当点击手机屏幕的某一个视图时,最先感应到的是屏幕,因为Activity系统是分层的结构,底层是一些驱动,所以驱动就会得到信息并且把信息传到被点击的应用,应用再交给Activity,Activity通过MotionEvent对象来实现对视图的触控操作,那么接下来我们学习一下MotionEvent对象如何实现对视图的触控操作。
一、事件的操作类型
 
正常情况下,一次手指触摸屏幕的行为会引起一系列的点击事件,MotionEvent对象存在变量action来反映这一系列点击事件的操作类型,所以我们可以通过MotionEvent对象的action变量的值来得到当前的点击状态。
- 手指按下时,action的值等于ACTION_DOWN,等于0
- 手指在屏幕上移动时,action的值等于ACTION_MOVE,等于2
- 手指离开屏幕,action的值等于ACTION_UP,等于1
单点触控一次简单的交互流程有两种情况:
- 手指按下,马上离开,action的值的变化为0->1
- 手指按下,在屏幕上移动一段距离后离开屏幕,action的值的变化为0->2->...->2->1
二、MotionEvent的传递,消耗,处理过程
 
事件分发的三个重要方法:
1、dispatchTouchEvent()方法:会从Activity开始一层一层地向子View分发事件,直到没有子 View。(分发的时候,只能是View分发给子View,不能View分发给孙View)
2、onTouchEvent()方法:会在dispatchTouchEvent()方法调用到最底层View之后,再从最底 层View一层一层地往上回调,如果某个View的onTouchEvent方法返回true,那么就会停止 向上回调。
3、onInterceptTouchEvent方法:伴随着dispatchTouchEvent()方法存在,它的作用就是拦截 ViewGroup的事件,不让它继续向下分发事件。
Activity,View,ViewGroup和MotionEvent的主要方法:
Activity:
| dispatchTouchEvent(ev: MotionEvent?): Boolean | 分发事件 | 
| onTouchEvent(ev: MotionEvent?): Boolean | 处理事件的回调 | 
View:
| dispatchTouchEvent(ev: MotionEvent?): Boolean | 分发事件 | 
| onTouchEvent(ev: MotionEvent?): Boolean | 处理事件的回调 | 
| setOnTouchListener(l:OnTouchListener) | 设置事件监听器 | 
| setOnClickListener(l:OnClickListener) | 设置点击监听 | 
| setOnLongClickListener(l:OnClickListener) | 设置长按监听 | 
| setOnCreateContextMenuListener(l:OnCreateContextMenuListener) | 用于创建菜单 | 
注意:OnTouchListener中的onTouch()事件优先级高于onTouchEvent()事件,如果onTocuh()的返回结果为ture,那么该View的onTouchEvent()事件将不会被调用。
ViewGroup:
| dispatchTouchEvent(ev: MotionEvent?): Boolean | 分发事件 | 
| onInterceptTouchEvent(ev: MotionEvent?): Boolean | 拦截事件 | 
注意:onInterceptTouchEvent方法只在ViewGroup中可以重写。
MotionEvent:
同时通过MotionEvent对象我们可以得到点击事件的x和y轴坐标。
系统提供的方法如下:
| getX() | 得到事件发生的x轴坐标(相对于当前视图) | 
| getY() | 得到事件发生的y轴坐标(相对于当前视图) | 
| getRawX() | 得到事件发生的x轴坐标(相对于屏幕左顶点) | 
| getRawY() | 得到事件发生的y轴坐标(相对于屏幕左顶点) | 

下面我们来理解一下MotionEvent的传递,消耗,处理过程

如图所示,当点击事件产生之后,事件首先会传递给当前的Activtiy,Activity会调用分发事件方法dispatchTouchEvent将事情传递给最大的View,然后再一层层地向下传递给子View,直到传递到最小的view,调用最小的view的onTouchEvent方法,向上传递,直到有一个view的onTouchEvent方法返回true,消耗这个点击事件,消耗这个点击事件之后就不会向上传递了。如果没有,那么事件最终会被activity消耗。
通俗点说就是:爷爷(Activity)得到了一个苹果(点击事件),爷爷把苹果给了爸爸(View),爸爸把苹果给了我(子View),如果我选择不吃苹果,那么就把苹果给爸爸,如何爸爸如果选择吃了苹果,就是把苹果消耗了,如果爸爸选择不吃苹果,就把苹果给爷爷,爷爷只能吃掉苹果,结束。
通过代码加深理解MotionEvent的传递,消耗,处理过程
当View的onTouch和onTouchEvent方法都返回false时
点击一下View,产生的点击事件如下:

点击View并移动,产生的点击事件如下:

最终都是Activity消费了点击事件。
当View的onTouch方法返回true时:
点击一下View,产生的点击事件如下:
 
点击View并移动,产生的点击事件如下:

最终都是View消费了点击事件,并且可以看出OnTouchListener中的onTouch()事件优先级高于onTouchEvent()事件,如果onTocuh()的返回结果为ture,那么该View的onTouchEvent()事件将不会被调用。
小项目
先看效果图:

- 功能描述
通过手指移动来拖动图片
控制图片不能超过屏幕显示区域
- 技术点
MotionEvent处理
对View进行动态定位(layout)
代码:
class MainActivity : AppCompatActivity(),View.OnTouchListener{
    var lastX=0
    var lastY=0
    lateinit var imageView: ImageView
    lateinit var parentView:RelativeLayout
    var maxRight=0
    var maxBottom=0
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        imageView=findViewById(R.id.imageView4)
        parentView=imageView.parent as RelativeLayout
        imageView.setOnTouchListener(this)
    }
    override fun onTouch(p0: View?, event: MotionEvent): Boolean {
        val eventX=event.rawX
        val eventY=event.rawY
        when(event.action){
            MotionEvent.ACTION_DOWN->{
                if(maxRight==0){
                    maxRight=parentView.right
                    maxBottom=parentView.bottom
                }
                lastX= eventX.toInt()
                lastY=eventY.toInt()}
            MotionEvent.ACTION_MOVE->{
                var dx:Int=(eventX-lastX).toInt()
                var dy:Int=(eventY-lastY).toInt()
                var left=imageView.left+dx
                var top=imageView.top+dy
                var right=imageView.right+dx
                var bottom=imageView.bottom+dy
                //限制left>=0
                if(left<0){
                    right+=-left
                    left=0
                }
                //限制top>=0
                if(top<0){
                    bottom+=-top
                    top=0
                }
                //限制right<maxRight
                if(right>maxRight){
                    left-=right-maxRight
                    right=maxRight
                }
                //限制bottom>=0
                if(bottom>maxBottom){
                    top-=bottom-maxBottom
                    bottom=maxBottom
                }
                imageView.layout(left, top, right, bottom)
                lastX=eventX.toInt()
                lastY=eventY.toInt()
            }
        }
        return true
    }
}


















