[Android]视图的控触操作-MotionEvent

绝地灬酷狼 2024-03-30 12:45 53阅读 0赞

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

<table style="width:484px;"> 
 <tbody> 
  <tr> 
   <td>dispatchTouchEvent(ev: MotionEvent?): Boolean</td> 
   <td style="width:89px;">分发事件</td> 
  </tr> 
  <tr> 
   <td>onTouchEvent(ev: MotionEvent?): Boolean</td> 
   <td style="width:89px;">处理事件的回调</td> 
  </tr> 
 </tbody> 
</table>

View：

<table style="width:544px;"> 
 <tbody> 
  <tr> 
   <td>dispatchTouchEvent(ev: MotionEvent?): Boolean</td> 
   <td style="width:101px;">分发事件</td> 
  </tr> 
  <tr> 
   <td>onTouchEvent(ev: MotionEvent?): Boolean</td> 
   <td style="width:101px;">处理事件的回调</td> 
  </tr> 
  <tr> 
   <td>setOnTouchListener(l:OnTouchListener)</td> 
   <td style="width:101px;">设置事件监听器</td> 
  </tr> 
  <tr> 
   <td>setOnClickListener(l:OnClickListener)</td> 
   <td style="width:101px;">设置点击监听</td> 
  </tr> 
  <tr> 
   <td>setOnLongClickListener(l:OnClickListener)</td> 
   <td style="width:101px;">设置长按监听</td> 
  </tr> 
  <tr> 
   <td>setOnCreateContextMenuListener(l:OnCreateContextMenuListener)</td> 
   <td style="width:101px;">用于创建菜单</td> 
  </tr> 
 </tbody> 
</table>

注意：OnTouchListener中的onTouch()事件优先级高于onTouchEvent()事件，如果onTocuh()的返回结果为ture，那么该View的onTouchEvent()事件将不会被调用。

ViewGroup：

<table style="width:616px;"> 
 <tbody> 
  <tr> 
   <td>dispatchTouchEvent(ev: MotionEvent?): Boolean</td> 
   <td style="width:176px;">分发事件</td> 
  </tr> 
  <tr> 
   <td> <pre>onInterceptTouchEvent(ev: MotionEvent?): Boolean</pre> </td> 
   <td style="width:176px;">拦截事件</td> 
  </tr> 
 </tbody> 
</table>

注意：onInterceptTouchEvent方法只在ViewGroup中可以重写。

MotionEvent：

同时通过MotionEvent对象我们可以得到点击事件的x和y轴坐标。

系统提供的方法如下：

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>getX()</td> 
   <td>得到事件发生的x轴坐标（相对于当前视图）</td> 
  </tr> 
  <tr> 
   <td>getY()</td> 
   <td>得到事件发生的y轴坐标（相对于当前视图）</td> 
  </tr> 
  <tr> 
   <td>getRawX()</td> 
   <td>得到事件发生的x轴坐标（相对于屏幕左顶点）</td> 
  </tr> 
  <tr> 
   <td>getRawY()</td> 
   <td>得到事件发生的y轴坐标（相对于屏幕左顶点）</td> 
  </tr> 
 </tbody> 
</table>

![d738b5fd22754f9786a0d15d4c4095ca.jpeg][]

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

![9de4fd615a6e4578b592b0461ede82d4.png][]

如图所示，当点击事件产生之后，事件首先会传递给当前的Activtiy，Activity会调用分发事件方法dispatchTouchEvent将事情传递给最大的View，然后再一层层地向下传递给子View，直到传递到最小的view，调用最小的view的onTouchEvent方法，向上传递，直到有一个view的onTouchEvent方法返回true，消耗这个点击事件，消耗这个点击事件之后就不会向上传递了。如果没有，那么事件最终会被activity消耗。

> 通俗点说就是：爷爷（Activity）得到了一个苹果（点击事件），爷爷把苹果给了爸爸（View），爸爸把苹果给了我（子View），如果我选择不吃苹果，那么就把苹果给爸爸，如何爸爸如果选择吃了苹果，就是把苹果消耗了，如果爸爸选择不吃苹果，就把苹果给爷爷，爷爷只能吃掉苹果，结束。

**通过代码加深理解MotionEvent的传递，消耗，处理过程**

**当View的onTouch和onTouchEvent方法都返回false时**

点击一下View，产生的点击事件如下：

![91698afe87014595b4aac933daf2bedc.png][]

点击View并移动，产生的点击事件如下：

![726c5dfc60fd4e35b84936386dd8c279.png][]

**最终都是Activity消费了点击事件。**

**当View的onTouch方法返回true时：**

点击一下View，产生的点击事件如下：

![80ca0bf2f5a548608683b452520f942e.png][]

点击View并移动，产生的点击事件如下：

![f044d82fe23c40abaf685d972b59f0a7.png][]

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

#### 小项目 ####

先看效果图：

![7fd8fd978751449383a4485f8d52d5ba.gif][]

*  功能描述

通过手指移动来拖动图片

控制图片不能超过屏幕显示区域

*  技术点

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
        }
    }

[d738b5fd22754f9786a0d15d4c4095ca.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/6c9eac796f664429af5be2238ff818ab.jpeg
[9de4fd615a6e4578b592b0461ede82d4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/56bb6c47bce544cab95fa9955ea5d434.png
[91698afe87014595b4aac933daf2bedc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/ad854c6d411f4f42b4d14e97c7a7bf19.png
[726c5dfc60fd4e35b84936386dd8c279.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/c9384a57916d47efbc13b9f87444f660.png
[80ca0bf2f5a548608683b452520f942e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/3edca93d59a44615b62784378fdad902.png
[f044d82fe23c40abaf685d972b59f0a7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/8fcabf8eee9446f79257701bed2f1278.png
[7fd8fd978751449383a4485f8d52d5ba.gif]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/184f6eadc507484180c16c1a2e2677a0.gif