安卓触摸事件

(一)安卓触摸事件概述

1、触摸分类
(1)单点触摸

  • 单点触控,只能识别和支持每次一个手指的触控、点击,若同时有两个以上的点被触碰,就不能做出正确反应。很多医院、图书馆等的大厅都有这种触控技术的电脑,支持触摸屏的手机、MP3、数码相机也多采用这种单点触控技术。
    (2)多点触摸
  • 多点触控(又称多重触控、多点感应、多重感应,英文Multitouch或Multi-Touch)是采用人机交互技术与硬件设备共同实现的技术,能在没有传统输入设备(如鼠标、键盘等)。下进行计算机的人机交互操作。多点触摸技术,能构成一个触摸屏(屏幕,桌面,墙壁等)或触控板,都能够同时接受来自屏幕上多个点进行计算机的人机交互操作。
    2、触摸动作
    在这里插入图片描述
    3、触摸监听器
  • 触摸监听器 - onTouchListener - 接口
    4、触摸方法
  • 在onTouch()抽象 方法里,我们可以根据不同动作编写不同事件处理代码。
    5、触点个数与坐标
  • 通过MotionEvent对象的getX()和getY()方法可以获得触摸点的坐标。如果是多点触摸,通过getPointerCount()获取触点个数,然后通过getX(pointerIndex)与getY(pointerIndex)获得某个触点的坐标。
    6、安卓触摸事件处理机制
  • 触摸事件从view树的根节点开始一直传递到最下层,直到某个onTouchEvent()接收处理此事件。每个部分对触摸事件的处理过程如下:
  • Activity的处理过程: Activity.dispatchTouchEvent()最先被调用,其作用是调用RootView(通常是一个ViewGroup)的dispatchTouchEvent(),即负责分发事件。ViewGroup中的dispatch会调用其他孩子的dispatchTouchEvent()。注意:Activity中的onTouchEvent()是整个View的触摸事件传递链条的终点,不过前提是整个过程中没有view的touchEvent对此事件感兴趣。
  • View的处理过程: 检查是否有TouchListener()注册在这个View中,如果有则查看其是否想要消费此次事件,如果不消费事件,那么接下来该View的onTouchEvent()就要被调用了,如果未返回true,事件就会返回视图树的上一层。
  • ViewGroup的处理过程: 根据触摸发生的位置来判断哪些孩子可能会触发触摸事件,如果有重叠部分则按照被加入到ViewGroup中顺序的逆序来依次处理。ViewGroup可以引发一个中断(onInterceptTouchEvent())来强制把事件交给自己处理,当子视图的事件被剥夺时,子视图会收到ACTION_CANCEL事件,子视图可以用requestDisallowTouchIntercept()方法来屏蔽这个事件。
  • 由此可见,Touch事件是层层向下传递的,如果某个视图接收了此事件则接下来的视图就无法再次接收,但ViewGroup可以强制从子视图手中剥夺一个触摸事件。

(二)案例演示:通过单点触摸移动米老鼠

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - MoveMickeyByTouch

在这里插入图片描述

  • 单击【Finish】按钮
    在这里插入图片描述
    2、准备图片素材

  • 将背景图片与米老鼠图片,拷贝到drawable目录里

在这里插入图片描述
3、字符串资源文件

  • 字符串资源文件 - strings.xml
    在这里插入图片描述
    4、主布局资源文件

  • 主布局资源文件 - activity_main.xml

在这里插入图片描述

  • 将约束布局改成线性布局,再添加一个图像控件显示米老鼠
    下面展示一些 内联代码片
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/root"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background"  
    android:orientation="vertical"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/iv_mickey"
        android:layout_width="100dp"
        android:layout_height="120dp"
        android:scaleType="fitXY"
        android:src="@drawable/mickey" />
</LinearLayout>

  • 查看预览效果
    在这里插入图片描述
    5、主界面类实现功能

  • 主界面类 - MainActivity
    在这里插入图片描述

  • 声明变量和常量
    在这里插入图片描述

  • 通过资源标识符获取控件实例
    在这里插入图片描述

  • 让根布局获取焦点

在这里插入图片描述

  • 获取米老鼠图像控件的布局参数
    在这里插入图片描述
  • 给线性根布局注册触摸监听器
    在这里插入图片描述6、启动应用,查看效果
  • 启动后,米老鼠在屏幕左上角
    在这里插入图片描述
  • 在模拟器屏幕上,按下鼠标,移动鼠标,放开鼠标,之后在LogCat里可以看到上述三种动作的位置坐标
    在这里插入图片描述
  • 录屏演示单点触摸移动米老鼠
    在这里插入图片描述
  • 从录屏动画可以看到,移动鼠标,确实可以让米老鼠跟着动起来,但是有一个体验不好,触点是米老鼠的左上角,怎么才能让触点是米老鼠的中央呢?
    在这里插入图片描述
  • 重启应用,查看效果
    在这里插入图片描述
    7、修改主界面类
    下面展示一些 内联代码片
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 static final String TAG = "move_mickey_by_touch"; // 标记常量

    @Override
    protected 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();

        // 给线性根布局注册触摸监听器,实现触摸监听器接口,编写触摸事件代码
        root.setOnTouchListener(new View.OnTouchListener() {
    
    
            @Override
            public 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;
                }
                // 设置米老鼠图像控件的坐标
                ivMickey.setX(event.getX() - ivMickey.getWidth() / 2);
                ivMickey.setY(event.getY() - ivMickey.getHeight() / 2);

                return true; // 设置为true,三个事件:down-->move-->up才会依次执行
            }
        });
    }
}

8、重启应用,查看效果

  • 移动米老鼠,可以看到触点在米老鼠中央

在这里插入图片描述

(三)案例演示:通过多点触摸缩放米老鼠

1.准备图片素材

  • 将背景图片与米老鼠图片,拷贝到drawable目录里
    在这里插入图片描述
    2、字符串资源文件
  • 字符串资源文件 - strings.xml
    在这里插入图片描述
    3、主布局资源文件
  • 主布局资源文件 - activity_main.xml
    在这里插入图片描述
    查看预览效果
    在这里插入图片描述
    4、主界面类实现功能
  • 主界面类 - MainActivity
    在这里插入图片描述
  • 声明变量
    在这里插入图片描述
  • 通过资源标识符获取控件实例

在这里插入图片描述

  • 让根布局获取焦点
    在这里插入图片描述
  • 获取米老鼠图像控件的布局参数
    在这里插入图片描述
  • 给根布局注册触摸监听器
    在这里插入图片描述
    5、运行程序,查看结果
  • 既可以移动米老鼠,也可以缩放米老鼠
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_63975980/article/details/127804062