引入
对屏幕的任何操作,系统都会创建一个触摸事件的对象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 } }