安卓开发 4.2初步了解触摸事件

目录

  • 一、导读
  • 二、安卓触摸事件概述
    • 1、触摸分类
      • (1)单点触摸
      • (2)多点触摸
    • 2、触摸动作
    • 3、触摸监听器
    • 4、触摸方法
    • 5、触点个数与坐标
    • 6、安卓触摸事件处理机制
  • 三、通过单点触摸移动米老鼠
    • 1、准备工作
    • 2、字符串资源文件
    • 3、主布局资源文件
    • 4、主界面类实现功能
  • 四、通过多点触摸缩放米老鼠
    • 1、准备工作
    • 2、字符串资源文件
    • 3、主布局资源文件
    • 4、主界面类实现功能
    • 5、运行程序,查看结果

一、导读

  • 在Android系统中,触摸是用户最常用,最基础的交互方式,只有弄通触摸事件在系统中的传递处理机制才能更好地增强用户的交互体验。触摸事件是安卓应用十分常用的事件,可以分为单点触摸和多点触摸。

二、安卓触摸事件概述

1、触摸分类

(1)单点触摸

  • 单点触控,只能识别和支持每次一个手指的触控、点击,若同时有两个以上的点被触碰,就不能做出正确反应。很多医院、图书馆等的大厅都有这种触控技术的电脑,支持触摸屏的手机、MP3、数码相机也多采用这种单点触控技术。

(2)多点触摸

  • 多点触控(又称多重触控、多点感应、多重感应,英文Multitouch或Multi-Touch)是采用人机交互技术与硬件设备共同实现的技术,能在没有传统输入设备(如鼠标、键盘等)。下进行计算机的人机交互操作。多点触摸技术,能构成一个触摸屏(屏幕,桌面,墙壁等)或触控板,都能够同时接受来自屏幕上多个点进行计算机的人机交互操作。

2、触摸动作

动作常量
按下MotionEvent.ACTION_DOWN
移动MotionEvent.ACTION_MOVE
放开MotionEvent.ACTION_UP

3、触摸监听器

  • 触摸监听器 - onTouchListener - 接口

4、触摸方法

  • 在onTouch()抽象 方法里,我们可以根据不同动作编写不同事件处理代码。

5、触点个数与坐标

  • 通过MotionEvent对象的getX()和getY()方法可以获得触摸点的坐标。如果是多点触摸,通过getPointerCount()获取触点个数,然后通过getX(pointerIndex)与getY(pointerIndex)获得某个触点的坐标。

6、安卓触摸事件处理机制

  1. 触摸事件从view树的根节点开始一直传递到最下层,直到某个onTouchEvent()接收处理此事件。每个部分对触摸事件的处理过程如下:
  2. Activity的处理过程: Activity.dispatchTouchEvent()最先被调用,其作用是调用RootView(通常是一个ViewGroup)的dispatchTouchEvent(),即负责分发事件。ViewGroup中的dispatch会调用其他孩子的dispatchTouchEvent()。注意:Activity中的onTouchEvent()是整个View的触摸事件传递链条的终点,不过前提是整个过程中没有view的touchEvent对此事件感兴趣。
  3. View的处理过程: 检查是否有TouchListener()注册在这个View中,如果有则查看其是否想要消费此次事件,如果不消费事件,那么接下来该View的onTouchEvent()就要被调用了,如果未返回true,事件就会返回视图树的上一层。
  4. ViewGroup的处理过程: 根据触摸发生的位置来判断哪些孩子可能会触发触摸事件,如果有重叠部分则按照被加入到ViewGroup中顺序的逆序来依次处理。ViewGroup可以引发一个中断(onInterceptTouchEvent())来强制把事件交给自己处理,当子视图的事件被剥夺时,子视图会收到ACTION_CANCEL事件,子视图可以用requestDisallowTouchIntercept()方法来屏蔽这个事件。
  5. 由此可见,Touch事件是层层向下传递的,如果某个视图接收了此事件则接下来的视图就无法再次接收,但ViewGroup可以强制从子视图手中剥夺一个触摸事件。

三、通过单点触摸移动米老鼠

1、准备工作

  1. 创建安卓应用:于Empty Activity模板创建安卓应用 - MoveMickeyByTouch
  2. 准备图片素材:将背景图片与米老鼠图片,拷贝到drawable目录里

2、字符串资源文件

通过触摸移动米老鼠

3、主布局资源文件




4、主界面类实现功能

package net.hw.move_mickey_by_touch;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;public class MainActivity extends AppCompatActivity {private LinearLayout root; // 线性根布局private ImageView ivMickey; // 米老鼠图像控件private LinearLayout.LayoutParams layoutParams; // 布局参数private static final String TAG = "move_mickey_by_touch"; // 标记常量@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);// 利用布局资源文件设置用户界面setContentView(R.layout.activity_main);// 通过资源标识符获取控件实例root = findViewById(R.id.root);ivMickey = findViewById(R.id.iv_mickey);// 让根布局获取焦点root.setFocusable(true);root.requestFocus();// 获取米老鼠图像控件的布局参数layoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();// 给线性根布局注册触摸监听器,实现触摸监听器接口,编写触摸事件代码root.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {// 根据不同触摸动作执行不同操作switch (event.getAction()) {case MotionEvent.ACTION_DOWN: // 0, 触点按下// 调试信息输出触点坐标Log.d(TAG, "ACTION_DOWN(" + event.getX() + ", " + event.getY() + ")");break;case MotionEvent.ACTION_MOVE: // 2, 触点移动// 调试信息输出触点坐标Log.d(TAG, "ACTION_MOVE(" + event.getX() + ", " + event.getY() + ")");break;case MotionEvent.ACTION_UP: // 1, 触点放开// 调试信息输出触点坐标Log.d(TAG, "ACTION_UP(" + event.getX() + ", " + event.getY() + ")");break;}// 根据变化的触点坐标来更新米老鼠图像控件的布局参数layoutParams.leftMargin = (int) event.getX();layoutParams.topMargin = (int) event.getY();// 重新设置米老鼠图像控件的布局参数ivMickey.setLayoutParams(layoutParams);return true; // 设置为true,三个事件:down-->move-->up才会依次执行}});}
}

四、通过多点触摸缩放米老鼠

1、准备工作

  1. 创建安卓应用:于Empty Activity模板创建安卓应用 - ZoomMickeyByTouch
  2. 准备图片素材:将背景图片与米老鼠图片,拷贝到drawable目录里

2、字符串资源文件

通过多点触摸缩放米老鼠

3、主布局资源文件

在这里插入图片描述

4、主界面类实现功能

  1. 声明变量
    在这里插入图片描述
  2. 通过资源标识符获取控件实例
    在这里插入图片描述
  3. 让根布局获取焦点
    在这里插入图片描述
  4. 获取米老鼠图像控件的布局参数
    在这里插入图片描述
  5. 给根布局注册触摸监听器
    在这里插入图片描述
  • 完整代码:
public class MainActivity extends AppCompatActivity {private LinearLayout root;    // 线性根布局private ImageView ivMickey;    // 米老鼠控件private float x1,y1;        // 第一个触点坐标private float x2,y2;        // 第二触点的坐标private float nextX1,nextY1;   // 第一个触点下一次的坐标private float nextX2,nextY2;   // 第二个触点下一次的坐标private float distance;       // 两个触点之间的距离private float nextDistance;    // 两个触点之间下一次的距离private LinearLayout.LayoutParams layoutParams;    // 布局参数@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 获取控件实例root = findViewById(R.id.root);ivMickey = findViewById(R.id.iv_mickey);// 让线性根布局获取焦点root.setFocusable(true);root.requestFocus();// 获取米老鼠布局控件的布局参数layoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();// 给根布局注册触摸监听器,实现触摸监听器接口,编写触摸事件方法root.setOnTouchListener(new View.OnTouchListener() {@Overridepublic boolean onTouch(View v, MotionEvent event) {// 判断触点触点if (event.getPointerCount() == 1){// 根据变化的触点修改米老鼠坐标布局参数layoutParams.leftMargin = (int) (event.getX() - ivMickey.getWidth() / 2);layoutParams.topMargin = (int) (event.getY() - ivMickey.getHeight() / 2);}else if(event.getPointerCount() == 2){// 判断触点的动作switch (event.getAction()){case MotionEvent.ACTION_DOWN:// 获取第一个触点坐标x1 = event.getX(0);y1 = event.getY(0);// 获取第二个触点x2 = event.getX(1);y2 = event.getY(1);// 获取两个触点之间的距离distance = (float) Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));break;case MotionEvent.ACTION_MOVE:// 获取第一个触点下一次的坐标nextX1 = event.getX(0);nextY1 = event.getY(0);// 获取第二个触点下一次坐标nextX2 = event.getX(1);nextY2 = event.getY(1);// 计算两个触点之间距离nextDistance = (float) Math.sqrt((nextX1 - nextX2) * (nextX1 - nextX2) + (nextY1 - nextY2) * (nextY1 - nextY2));break;case MotionEvent.ACTION_UP:   // 触点放开break;}// 修改米老鼠图像控件的布局参数if(nextDistance > distance){  // 放大图片if(layoutParams.width < 1000){layoutParams.width = (int) (layoutParams.width * 1.05);layoutParams.height = (int) (layoutParams.height * 1.05);}}else{ // 缩小图片if(layoutParams.width > 100){layoutParams.width = (int) (layoutParams.width / 1.05);layoutParams.height = (int) (layoutParams.height / 1.05);}}// 坐标进行迭代x1 = nextX1;y1 = nextY1;x2 = nextX2;y2 = nextY2;// 重新计算两点之间的距离distance = (float) Math.sqrt((x1 - x2) * (x1 - x2) + (y1 - y2) * (y1 - y2));}// 重新设置米老鼠图像的布局参数ivMickey.setLayoutParams(layoutParams);return true;}});}
}

5、运行程序,查看结果

在这里插入图片描述


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部