知识点:
1、 Android开发中的运动事件:触摸屏(TouchScreen)和滚动球(TrackBall)
2、对运动事件的处理:MotionEvent
3、触摸时必发的三个MotionEvent动作常量:
- MotionEvent.ACTION_DOWN:初次触摸时触发
- MotionEvent.ACTION_UP:离开触摸时触发
- MotionEvent.ACTION_MOVE:触摸移动时触发
注:一个正常的触摸事件有ACTION_DOWN开始,中间可以存在0个或几个ACTOIN_MOVE,最后以ACTION_UP结束,开始触摸-->(移动)-->停止触摸。
4、其他MotionEvent常量:
MotionEvent.ACTION_CANCEL:此事件不由用户触发,而是由系统在需要的时候触发,例如当父view打断触摸事件(onInterceptTouchEvent()返回true),从子view拿回处理事件的控制权时,就会给子view发一个ACTION_CANCEL事件,子view就再也不会收到后续事件了。
MotionEvent.ACTION_OUTSIDE:触摸超出正常UI边界时触发
MotionEvent.ACTION_SCROLL:非触摸滚动,主要由鼠标、滚轮、轨迹球触发
有多个触摸点时触发:
MotionEvent.ACTION_POINTER_DOWN:当屏幕上至少有一个点被触摸时,此事如果再新按下一个触摸点,就会触发该事件
MotionEvent.ACTION_POINTER_UP:当屏幕上至少有两个点被触摸时,松开其中的一个触摸点,该事件就会被触发
5、MotionEvent类常用的方法:
- getAction():返回动作类型
- getX()、getY():触摸点的相对坐标(相对于视图左上角的坐标)
- getRawX()、getRawY():相对于屏幕的绝对坐标
- getSize():触摸点的接触范围(指压范围)
- getPressure():压力值,0-1之间,看情况,可能始终返回1,这个由驱动和物理硬件决定
- getEdgeFlags():当事件类型是ActionDown时可以通过此方法获得边缘标记(EDGE_LEFT,EDGE_TOP,EDGE_RIGHT,EDGE_BOTTOM),但是看设备情况,很可能始终返回0
- getDownTime():获取接触触摸点的时间
- getEventTime():获取触摸事件结束的时间
- getActionMasked():多点触控获取经过掩码后的动作类型
- getActionIndex():多点触控获取经过掩码和平移后的索引
- getPointerCount():获取触摸点的数量,比如2则可能是两个手指同时按压屏幕
- getPointerId(nId):对于每个触点的细节,我们可以通过一个循环执行getPointerId方法获取索引
- getX(nID)、getY(nID):获取第nID个触点的位置
- getPressure(nId):获取第nID个触点的指压
拓展:getAction()和getActionMasked()的区别:
对单点触控: getAction()返回值和getActionMasked()是相同的。对多点触控,getAction()返回值和getActionMasked()返回值稍有不同。
多点触控: 多点触控时因为增加了本次触摸的索引,所以改用16位二进制数,如0x0001,低8位代表动作类型信息,高8位代表触摸点的索引信息(触控点的位置信息)
例如: 值为0x0000,表示是第一个触控点的ACTION_DOWN操作;值是0x0100,表示是第二个触控点的ACTION_DOWN操作;第三个ACTION_DOWN操作:0x0200。
6、设置触摸事件的方式有两种:
- 一是委托式:创建一个监听器:View.OnTouchListener接口,实现onTouch()方法,方法中传入MotionEvent参数和View参数
- 二是回调式:自定义一个View类实现实现OnTouchListener接口
代码如下:
1、java源码:
1 package com.example.movetest;
2
3 import android.app.Activity;
4 import android.os.Bundle;
5 import android.util.Log;
6 import android.view.MotionEvent;
7 import android.view.View;
8 import android.view.View.OnTouchListener;
9 import android.widget.TextView;
10 //触摸事件的处理方式二:自定义类实现OnTouchListener接口
11 public class MainActivity extends Activity{
12 TextView textView;
13 @Override
14 protected void onCreate(Bundle savedInstanceState) {
15 super.onCreate(savedInstanceState);
16 setContentView(R.layout.activity_main);
17 textView=(TextView)findViewById(R.id.textview);
18 //设置监听:
19 textView.setOnTouchListener(new MyView());
20 }
21
22 //自定义类实现OnTouchListener接口
23 public class MyView implements OnTouchListener{
24 @Override
25 public boolean onTouch(View arg0, MotionEvent arg1) {
26 //String string="X="+String.valueOf(arg1.getX())+",Y="+String.valueOf(arg1.getY());
27 //textView.setText(string);
28 switch (arg1.getAction()) {
29 case MotionEvent.ACTION_DOWN:
30 textView.setText("ACTION_DOWN");
31 break;
32 default:
33 break;
34 }
35 return false;
36 }
37 }
38 }
39
40 /*
41 //触摸事件处理方式一:创建OnTouchListener监听器
42 public class MainActivity extends Activity {
43 @Override
44 protected void onCreate(Bundle savedInstanceState) {
45 super.onCreate(savedInstanceState);
46 setContentView(R.layout.activity_main);
47 final TextView textView=(TextView)findViewById(R.id.textview);
48 textView.setOnTouchListener(new OnTouchListener() {
49 @Override
50 public boolean onTouch(View arg0, MotionEvent arg1) {
51 Log.d("TAG","onTouch action"+arg1.getAction()); //打印日志
52 //将textview显示的数据换成触摸点的位置坐标
53 String string="X="+String.valueOf(arg1.getX())+",Y="+String.valueOf(arg1.getY());
54 textView.setText(string);//重置TextView文本显示
55 return false;
56 }
57 });
58 }
59 }
60 */
2、activity_main.xml代码如下:
1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2 xmlns:tools="http://schemas.android.com/tools"
3 android:layout_width="match_parent"
4 android:layout_height="match_parent"
5 android:paddingBottom="@dimen/activity_vertical_margin"
6 android:paddingLeft="@dimen/activity_horizontal_margin"
7 android:paddingRight="@dimen/activity_horizontal_margin"
8 android:paddingTop="@dimen/activity_vertical_margin"
9 tools:context="com.example.movetest.MainActivity" >
10
11 <TextView
12 android:id="@+id/textview"
13 android:layout_width="wrap_content"
14 android:layout_height="wrap_content"
15 android:text="触摸事件" />
16
17 </RelativeLayout>
3、AndroidManifest.xml代码:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.example.movetest"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="18"
android:targetSdkVersion="22" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name=".MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
教学案例——通过单点触摸移动米老鼠
(一)运行效果
(二)涉及知识点
1、线性布局(LinearLayout) 2、图像视图(ImageView) 3、单点触摸事件(MotionEvent…getX(), getY())
(三)实现步骤
1、创建安卓应用【MoveMickeyByTouch】
2、准备背景图片与米老鼠图片,拷贝到drawable目录里
3、布局资源文件activity_main.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background" >
<ImageView
android:id="@+id/ivMickey"
android:layout_width="100dp"
android:layout_height="120dp"
android:scaleType="fitXY"
android:src="@drawable/mickey" />
</LinearLayout>
4、主界面类MainActivity
package net.hw.movemickey;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
protected static final String TAG = "move_mickey_by_touch";
private ImageView ivMickey;
private LinearLayout root;
private LinearLayout.LayoutParams LayoutParams;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 利用布局资源文件设置用户界面
setContentView(R.layout.activity_main);
// 通过控件资源索引获得控件实例
ivMickey = (ImageView) findViewById(R.id.ivMickey);
root = (LinearLayout) findViewById(R.id.root);
// 设置根布局可以获得焦点
root.setFocusable(true);
// 让根布局获得焦点
root.requestFocus();
// 获取图像控件的布局参数
LayoutParams = (LinearLayout.LayoutParams) ivMickey.getLayoutParams();
// 给根布局注册触摸监听器,实现触摸监听器接口,编写触摸事件代码
root.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
// 根据触摸动作执行不同的操作
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 触点按下
Log.d(TAG, "ACTION_DOWN(" + event.getX() + ", " + event.getY() + ")");
break;
case MotionEvent.ACTION_MOVE: // 触点移动
Log.d(TAG, "ACTION_MOVE(" + event.getX() + ", " + event.getY() + ")");
break;
case MotionEvent.ACTION_UP: // 触点放开
Log.d(TAG, "ACTION_UP(" + event.getX() + ", " + event.getY() + ")");
}
// 根据变化的触点坐标来更新图像控件的布局参数
LayoutParams.leftMargin = (int) event.getX();
LayoutParams.topMargin = (int) event.getY();
// 重新设置图像控件的布局参数
ivMickey.setLayoutParams(LayoutParams);
return true; // 设置为真,三个事件:down-->move-->up才会依次执行
}
});
}
}
5、启动应用,查看效果
启动后,米老鼠在屏幕左上角
在模拟器屏幕上,按下鼠标,移动鼠标,放开鼠标,之后在LogCat里可以看到上述上述三种动作的位置坐标。
录屏演示单点触摸移动米老鼠
从录屏动画可以看到,移动鼠标,确实可以让米老鼠跟着动起来,但是有一个体验不好,就是触点与米老鼠隔了一段距离,这个问题应该如何解决呢?同学们,先试一试,看看能否搞定。
6、修改主界面类MainActivity
7、启动应用,查看效果
从录屏动画可以看到,移动鼠标,确实可以让米老鼠跟着动起来,但触点是在米老鼠的左上角,怎么让触点在米老鼠的中心位置呢?
8、修改主界面类MainActivity
9、启动应用,查看效果
10、查看修改后的主界面源代码
采用图像控件的setX()和setY()方法来修改图像控件的位置,因此关于布局参数的代码就可以删除了。
package net.hw.movemickey;
import android.os.Bundle;
import android.util.Log;
import android.view.MotionEvent;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import androidx.appcompat.app.AppCompatActivity;
public class MainActivity extends AppCompatActivity {
private static final String TAG = "move_mickey_by_touch";
private ImageView ivMickey;
private LinearLayout root;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 利用布局资源文件设置用户界面
setContentView(R.layout.activity_main);
// 通过控件资源标识符获取控件实例
ivMickey = findViewById(R.id.ivMickey);
root = findViewById(R.id.root);
// 设置根布局可以获得焦点
root.setFocusable(true);
// 让根布局获取焦点
root.requestFocus();
// 给根布局注册触摸监听器,实现触摸监听器接口,编写触摸事件代码
root.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View view, MotionEvent event) {
// 根据触摸动作执行不同的操作
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN: // 触点按下
Log.d(TAG, "ACTION_DOWN(" +event.getX() + ", " + event.getY() +")");
break;
case MotionEvent.ACTION_MOVE: // 触点移动
Log.d(TAG, "ACTION_MOVE(" +event.getX() + ", " + event.getY() +")");
break;
case MotionEvent.ACTION_UP: // 触点放开
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; // 设置为真,三个事件:down-->move-->up才会依次执行
}
});
}
}
教学案例 —— 通过多点触摸缩放米老鼠
(一)运行效果
(二)涉及知识点
1、线性布局(LinearLayout) 2、图像视图(ImageView) 3、多点触摸事件(MotionEvent…getX(pointerIndex)、getY(pointerIndex))
(三)实现步骤
1、创建安卓应用【ZoomMickeyByTouch】
2、准备背景图片与米老鼠图片,拷贝到drawable目录里
3、主布局资源文件activity_main.xml
4、主界面类MainActivity
声明变量
实例化控件
设置根布局
获取图像控件的布局参数
给根布局注册触摸监听器
5、运行程序,查看结果
以上就是Android开发中的触点事件处理过程学习了。如有其他问题可以点下方链接,
传送直达↓↓↓ https://docs.qq.com/doc/DUkNRVFFzTG96VHNi
文末
触摸事件肯定要先捕获才能传给窗口,因此,首先应该有一个线程在不断的监听屏幕,一旦有触摸事件,就将事件捕获;其次,还应该存在某种手段可以找到目标窗口,因为可能有多个APP的多个界面为用户可见,必须确定这个事件究竟通知那个窗口;最后才是目标窗口如何消费事件的问题。
网友评论