Android入门之onTouchEvent触碰事件的示例详解

简介

平时包括之前的例子大量是基于TouchListener如：onClick这种一类的事件。

今天给大家带来的是TouchListener与OnTouchEvent的比较，以及多点触碰的知识点！ TouchListener是基于监听的，而OnTouchEvent则是基于回调的！

因此我们通过一个小例子，来擅述同样是触碰事件的ouTouchEvent是什么样的。

onTouchEvent应用场景

onTouchEvent更多的是用于自定义的view,所有的view类中都重写了该方法,而这种触摸事件是基于回调的,也就是说:如果我们返回的值是false的话,那么事件会继续向外传播,由外面的容器或者Activity进行处理!当然还涉及到了手势(Gesture),这个我们会在后面进行详细的讲解!onTouchEvent其实和onTouchListener是类似的,只是处理机制不用,前者是回调,后者是监听模式！

样例说明

代码示例： 定义一个简单的view，绘制一个蓝色的小圆，可以跟随手指进行移动

实现代码： CircleView.java。

全代码

前端

CircleView.java

对，你没看错！

这个不是.xml文件。它长下面这个样

package org.mk.android.demo;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class CircleView extends View {
   public float X = 50;
   public float Y = 50;
   //创建画笔
   Paint paint = new Paint();

public CircleView(Context context, AttributeSet set)
   {
       super(context,set);
   }

@Override
   public void onDraw(Canvas canvas) {
       super.onDraw(canvas);
       paint.setColor(Color.RED);
       canvas.drawCircle(X,Y,50,paint);
   }

@Override
   public boolean onTouchEvent(MotionEvent event) {
       this.X = event.getX();
       this.Y = event.getY();
       //通知组件进行重绘
       this.invalidate();
       return true;
   }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
   tools:context=".MainActivity">
   <org.mk.android.demo.CircleView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"/>
</RelativeLayout>

我们把这个java在activity_main.xml文件中如上这样引用。此时设计器已经显示出来效果了。

后端

package org.mk.android.demo;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class MainActivity extends AppCompatActivity {

@Override
   protected void onCreate(Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_main);
   }
}

哈哈哈，是一个光板。

因为所有的逻辑、触碰事件都已经在CircleView.java里实现了。

运行起来后，你的界面上就会有一个小红圆圈，请你用鼠标拖着这个小红圆圈不要放到处拖，这个小红圆圈也会跟随着你的鼠标到处乱跑。

自己请动一下手试试看吧。

后续

对于单指、双指缩放等手势，其实也很简单，就是我们的onTouchEvent(MotionEvent event)里的这个MotionEvent，它还有额外几个事件

• MotionEvent.ACTION_POINTER_DOWN:当屏幕上已经有一个点被按住，此时再按下其他点时触发。

• MotionEvent.ACTION_POINTER_UP:当屏幕上有多个点被按住，松开其中一个点时触发（即非最后一个点被放开时）。

因此我留下一个回家作业，即：在Android上实现以下这两个功能让大家去自己试试

• 单指点击一个图片拖动；

• 双指对着一个图片进行&ldquo;缩放&rdquo;，便得相应的图片的大小也跟着你的双指的缩放作&ldquo;伸缩&rdquo;；

真心很简单，提示：提供以下原理性代码供你去实现这个小作业。

switch (event.getAction() & MotionEvent.ACTION_MASK) {
       // 单指
       case MotionEvent.ACTION_DOWN:

break;
       // 双指
       case MotionEvent.ACTION_POINTER_DOWN:

来源：https://blog.csdn.net/lifetragedy/article/details/128174066