android 开发 View _14 MotionEvent和事件处理详解,与实践自定义滑动条View

转载https://blog.csdn.net/huaxun66/article/details/52352469

MotionEvent

MotionEvent对象是与用户触摸相关的时间序列,该序列从用户首次触摸屏幕开始,经历手指在屏幕表面的任何移动,直到手指离开屏幕时结束。手指的初次触摸(ACTION_DOWN操作),滑动(ACTION_MOVE操作)和抬起(ACTION_UP)都会创建MotionEvent对象,每次触摸时候这三个操作是肯定发生的。移动过程中也会产生大量事件,每个事件都会产生对应的MotionEvent对象记录发生的操作,触摸的位置,使用的多大压力,触摸的面积,何时发生,以及最初的ACTION_DOWN何时发生等相关的信息。

  • 动作常量:
    MotionEvent.ACTION_DOWN:当屏幕检测到第一个触点按下之后就会触发到这个事件。
    MotionEvent.ACTION_MOVE:当触点在屏幕上移动时触发,触点在屏幕上停留也是会触发的,主要是由于它的灵敏度很高,而我们的手指又不可能完全静止(即使我们感觉不到移动,但其实我们的手指也在不停地抖动)。
    MotionEvent.ACTION_POINTER_DOWN:当屏幕上已经有触点处于按下的状态的时候,再有新的触点被按下时触发。
    MotionEvent.ACTION_POINTER_UP:当屏幕上有多个点被按住,松开其中一个点时触发(即非最后一个点被放开时)触发。
    MotionEvent.ACTION_UP:当触点松开时被触发。
    MotionEvent.ACTION_OUTSIDE: 表示用户触碰超出了正常的UI边界.
    MotionEvent.ACTION_SCROLL:android3.1引入,非触摸滚动,主要是由鼠标、滚轮、轨迹球触发。
    MotionEvent.ACTION_CANCEL:不是由用户直接触发,由系统在需要的时候触发,例如当父view通过使函数onInterceptTouchEvent()返回true,从子view拿回处理事件的控制权时,就会给子view发一个ACTION_CANCEL事件,子view就再也不会收到后续事件了。
  • 方法:
    getAction():返回动作类型
    getX()/getY():获得事件发生时,触摸的中间区域的X/Y坐标,由这两个函数获得的X/Y值是相对坐标,相对于消费这个事件的视图的左上角的坐标。
    getRawX()/getRawY():由这两个函数获得的X/Y值是绝对坐标,是相对于屏幕的。
    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):获取第nID个触控点的x位置
    getY(nID):获取第nID个触控点的y位置
    getPressure(nID):获取第nID个触控点的压力

延伸:
单点触控时用8位二进制数代表动作类型,如0x01,这时getAction返回的值就是ACTION_UP,没啥好说的
多点触控时因为增加了本次触摸的索引,所以改用16位二进制数,如0x0001,低8位代表动作的类型,高8位代表索引。这时获取动作类型就需要用掩码盖掉高8位,而获取索引需要用掩码盖掉低8位然后再右移8位,如下:

public static final int ACTION_MASK = 0xff;
public static final int ACTION_POINTER_INDEX_MASK = 0xff00;
public static final int ACTION_POINTER_INDEX_SHIFT = 8; public final int getActionMasked() {
return mAction & ACTION_MASK;
} public final int getActionIndex() {
return (mAction & ACTION_POINTER_INDEX_MASK) >> ACTION_POINTER_INDEX_SHIFT;
}

触摸事件onTouch/onTouchEvent

对于触摸屏事件有:按下、弹起、移动、双击、长按、滑动、滚动。按下、弹起、移动是简单的触摸屏事件,而双击、长按、滑动、滚动需要根据运动的轨迹来做识别的。在Android中有专门的类去识别,android.view.GestureDetector,下一篇我们将详细介绍GestureDetectorAndroid的手势操作(Gesture)
设置触摸事件有两种方式,一种是委托式,一种是回调式。
第一种就是将事件的处理委托给监听器处理,你可以定义一个View.OnTouchListener接口的子类作为监听器,实现它的onTouch()方法,onTouch方法接收一个MotionEvent参数和一个View参数。

    @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//获取TextView、MyView对象
tvInfo=(TextView)findViewById(R.id.info);
myView=(MyView)findViewById(R.id.myView);
myView.setEnabled(true);
//注册OnTouch监听器
myView.setOnTouchListener(new myOnTouchListener());
}
//OnTouch监听器
private class myOnTouchListener implements OnTouchListener{
@Override
public boolean onTouch(View v, MotionEvent event){
Log.d("TAG", "onTouch action="+event.getAction());
String sInfo="X="+String.valueOf(event.getX())+" Y="+String.valueOf(event.getY());
tvInfo.setText(sInfo);
return false;
}
}
 

第二种是重写View类(在Android中任何一个控件和Activity都是间接或者直接继承于View)自己本身的onTouchEvent方法,也就是控件自己处理事件,onTouchEvent方法仅接收MotionEvent参数,这是因为监听器可以监听多个View控件的事件。

public class MyView {
@Override
public boolean onTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
Log.d("TAG", "ACTION_DOWN");
break;
case MotionEvent.ACTION_MOVE:
Log.d("TAG", "ACTION_MOVE");
break;
case MotionEvent.ACTION_UP:
Log.d("TAG", "ACTION_UP");
break;
}
return true;
}
}

或者也可以这样写,自定义View实现OnTouchListener 接口,控件自己处理事件:

public class MyView implements OnTouchListener {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
Log.d("TAG", "ACTION_DOWN");
break;
case MotionEvent.ACTION_MOVE:
Log.d("TAG", ACTION_MOVE");
break;
case MotionEvent.ACTION_UP:
Log.d("TAG", ACTION_UP");
break;
}
return true;
}
}

可能大家就有疑问了,如果我们同时实现了onTouch和onTouchEvent呢?会走哪个呢?还是哪个先走呢?
我们试验一下,给MyView添加onTouchEvent,同时实现它的onTouch事件,单击MyView,打印的Log如下:
onTouch action=0
ACTION_DOWN
onTouch action=1
ACTION_UP
发现两个方法都走了,且onTouch在onTouchEvent之前走,并且执行了两次,一次是ACTION_DOWN,一次是ACTION_UP(如果你点击时伴随移动,可能还会有多次ACTION_MOVE的执行)。其实onTouch方法是有返回值的,这里我们返回的是false,如果我们把onTouch方法里的返回值改成true,再运行一次,结果如下:
onTouch action=0
onTouch action=1
我们发现,onTouchEvent方法不再执行了!为什么会这样呢?你可以先理解成onTouch方法返回true就认为这个事件被onTouch消费掉了,因而不会再继续向下传递。
为了探究这个事件内部到底是怎么执行的,我们看一下源码,首先你需要知道一点,只要你触摸到了任何一个控件,就一定会调用该控件的dispatchTouchEvent方法。看一下View中dispatchTouchEvent方法:

public boolean dispatchTouchEvent(MotionEvent event) {
if (mOnTouchListener != null && (mViewFlags & ENABLED_MASK) == ENABLED && mOnTouchListener.onTouch(this, event)) {
return true;
}
return onTouchEvent(event);
}

我们可以看到,在这个方法内,首先是进行了一个判断,如果mOnTouchListener != null,(mViewFlags&ENABLED_MASK)==ENABLED和mOnTouchListener.onTouch(this, event)这三个条件都为真,就返回true,否则就去执行onTouchEvent(event)方法并返回。
第一个条件mOnTouchListener是在setOnTouchListener方法里赋值的,也就是说只要我们给控件注册了touch事件,mOnTouchListener就一定不为空。第二个条件判断当前点击的控件是否是enable的,我们已设置为可用。所以就来到第三个条件,如果onTouch返回true,就不会走onTouchEvent了,否则会走。这与我们上面的现象完全一致。

注:onTouch能够得到执行需要两个前提条件,第一mOnTouchListener的值不能为空,第二当前点击的控件必须是enable的。因此如果你有一个控件是非enable的,那么给它注册onTouch事件将永远得不到执行。对于这一类控件,如果我们想要监听它的touch事件,就必须通过在该控件中重写onTouchEvent方法来实现。

如果你继续看onTouchEvent的源码,会发现我们常见的OnClickListener是在当中实现的,源码太长,这里就不贴了。如果我们的onTouch的返回值为true,甚至OnClickListener也不会触发,切记。为保证控件可点击,首先onTouch的返回值必须为false,其次这个控件必须是可点击的,Android中一些控件默认是不可点击的,如TextView,ImageView,我们需要setClickable(true)。

onTouchEvent其实也是有返回值的,总结如下:如果当前处理程序在onTouchEvent处理完毕该事件后不希望传播给其他控件,则返回true。如果View对象不但对此事件不感兴趣,而且对与此触摸序列相关的任何未来事件都不感兴趣,那么返回false。比如如果Button的onTouchEvent方法想要处理用户的一次点击,则会有2个事件产生ACTION_DOWN和ACTION_UP,按道理这两个事件都会调用onTouchEvent方法,如果返回false则在按下时你可以做一些操作,但是手指抬起时你将不能再接收到MotionEvent对象了,所以你也就无从处理抬起事件了。

多点触控

多点触摸(MultiTouch),指的是允许用户同时通过多个手指来控制图形界面的一种技术。在实际开发过程中,用的最多的就是放大缩小功能。比如有一些图片浏览器,就可以用多个手指在屏幕上操作,对图片进行放大或者缩小。再比如一些浏览器,也可以通过多点触摸放大或者缩小字体。
理论上,Android系统本身可以处理多达256个手指的触摸,这主要取决于手机硬件的支持。当然,支持多点触摸的手机,也不会支持这么多点,一般是支持2个点或者4个点。
下面我们以一个实际的例子来说明如何在代码中实现多点触摸功能。在这里我们载入一个图片,载入图片后,可以通过一个手指对图片进行拖动,也可以通过两个手指的滑动实现图片的放大缩小功能。

public class MainActivity extends Activity implements OnTouchListener {
private ImageView mImageView;
private Matrix matrix = new Matrix();
private Matrix savedMatrix = new Matrix(); private static final int NONE = 0;
private static final int DRAG = 1;
private static final int ZOOM = 2;
private int mode = NONE; // 第一个按下的手指的点
private PointF startPoint = new PointF();
// 两个按下的手指的触摸点的中点
private PointF midPoint = new PointF();
// 初始的两个手指按下的触摸点的距离
private float oriDis = 1f; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.activity_main);
mImageView = (ImageView) this.findViewById(R.id.imageView);
mImageView.setOnTouchListener(this);
} @Override
public boolean onTouch(View v, MotionEvent event) {
ImageView view = (ImageView) v; // 进行与操作是为了判断多点触摸
switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
// 第一个手指按下事件
matrix.set(view.getImageMatrix());
savedMatrix.set(matrix);
startPoint.set(event.getX(), event.getY());
mode = DRAG;
break;
case MotionEvent.ACTION_POINTER_DOWN:
// 第二个手指按下事件
oriDis = distance(event);
// 防止一个手指上出现两个茧
if (oriDis > 10f) {
savedMatrix.set(matrix);
midPoint = middle(event);
mode = ZOOM;
}
break;
case MotionEvent.ACTION_UP:
case MotionEvent.ACTION_POINTER_UP:
// 手指放开事件
mode = NONE;
break;
case MotionEvent.ACTION_MOVE:
// 手指滑动事件
if (mode == DRAG) {
// 是一个手指拖动
matrix.set(savedMatrix);
matrix.postTranslate(event.getX() - startPoint.x, event.getY() - startPoint.y);
} else if (mode == ZOOM) {
// 两个手指滑动
float newDist = distance(event);
if (newDist > 10f) {
matrix.set(savedMatrix);
float scale = newDist / oriDis;
matrix.postScale(scale, scale, midPoint.x, midPoint.y);
}
}
break;
} // 设置ImageView的Matrix
view.setImageMatrix(matrix);
return true;
} // 计算两个触摸点之间的距离
private float distance(MotionEvent event) {
float x = event.getX(0) - event.getX(1);
float y = event.getY(0) - event.getY(1);
return FloatMath.sqrt(x * x + y * y);
} // 计算两个触摸点的中点
private PointF middle(MotionEvent event) {
float x = event.getX(0) + event.getX(1);
float y = event.getY(0) + event.getY(1);
return new PointF(x / 2, y / 2);
}
}
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/buddy"
android:scaleType="matrix" >
</ImageView>
</RelativeLayout>

android 开发 View _14  MotionEvent和事件处理详解,与实践自定义滑动条View
当然这里只是学习多点触控的一个简单例子,如果要实现真正的缩放ImageView的话,可能还需要增加更多的功能,譬如设置最大和最小缩放比,缩小时图片永远置于中心,双击可以放大点击位置等等,后面我们有专门介绍支持手势缩放的ImageView

按键事件

对于按键事件(KeyEvent),无非就是按下、弹起等。按键事件比较简单,直接在View中重写原来的方法就可以了。

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
switch(keyCode) {
case KeyEvent.KEYCODE_HOME:
system.out.print("Home down");
break;
case KeyEvent.KEYCODE_BACK:
system.out.print("Back down");
break;
case KeyEvent.KEYCODE_MENU:
system.out.print("Menu down");
break;
}
return super.onKeyDown(keyCode, event);
} @Override
public boolean onKeyUp(int keyCode, KeyEvent event) {
switch(keyCode) {
case KeyEvent.KEYCODE_HOME:
system.out.print("Home up");
break;
case KeyEvent.KEYCODE_BACK:
system.out.print("Back up");
break;
case KeyEvent.KEYCODE_MENU:
system.out.print("Menu up");
break;
}
return super.onKeyUp(keyCode, event);
}

个人实践:

效果图:

android 开发 View _14  MotionEvent和事件处理详解,与实践自定义滑动条View

代码:

import androidx.annotation.Nullable;

/**
* Created by lenovo on 2018/7/13.
*/ public class SlideUnlockView extends View {
private final static String TAG = "SlideUnlockView";
//文字参数组
private String mText = "test";//文字
private int mTextColor = 0xFFFFFFFF;//文字颜色
private int mTextSize = 50;//文字大小
//矩形背景参数组
private int mBgColor = 0xFF31FF83; //矩形背景颜色
private int mRectRound = 100; //矩形圆角
//圆形图标参数组
private int mCircleBgColor = 0xFF000000; //圆形背景颜色
private int mIconColor = 0xFFFFFFFF;
private int mAlpha = 50;
//滑动坐标组
private int Offset;
private float mMove;
private float mLastX; public SlideUnlockView(Context context) {
super(context);
} public SlideUnlockView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
} public SlideUnlockView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
private void setCanvas(Canvas canvas){
canvas.translate(getWidth()/2,getHeight()/2); }
public void setmText(String text){
if(text !="" && text == null){
this.mText = text;
Log.e(TAG, "setmText:"+mText);
}else{
this.mText = "test";
Log.e(TAG, "Error:setmText null!");
}
} public void setmTextSize(int size){
if(size > 0 ){
this.mTextSize = size;
Log.e(TAG, "setmTextSize:"+mTextSize);
}else {
this.mTextSize = 50;
Log.e(TAG, "Error:setmTextSize null!");
}
} public void setmBgColor(int color){
if (color > 0){
this.mBgColor = color;
Log.e(TAG, "setmBgColor:"+mBgColor);
}else {
this.mBgColor = 0xFF31FF83;
Log.e(TAG, "Error:setmBgColor null!"); } } //画底图圆角矩形
private void drawRoundRect(Canvas canvas){
Paint paint = new Paint();
Path path = new Path();
paint.setColor(mBgColor);
paint.setStrokeWidth(10);
paint.setStyle(Paint.Style.FILL);
RectF rect = new RectF(0,0,getWidth(),getHeight());
path.addRoundRect(rect,mRectRound,mRectRound, Path.Direction.CW);
canvas.drawPath(path,paint);
}
//在圆角矩形上画文字
private void drawText(Canvas canvas){
Paint paint = new Paint();
paint.setColor(mTextColor);
paint.setTextSize(mTextSize);
paint.setStyle(Paint.Style.FILL);
canvas.drawText(mText,0-mTextSize,0+mTextSize/2,paint);
}
//画带透明的圆形,里面带方向键" 〉"
private void drawCircular(Canvas canvas){
Paint paint = new Paint();
paint.setStyle(Paint.Style.FILL);
paint.setColor(mCircleBgColor);
paint.setAlpha(mAlpha);
Path path = new Path();
path.setFillType(Path.FillType.EVEN_ODD);
/**
* 重点注意一下这里的 -mMove 否则后续可能会有逻辑死结;
* 解释一下首先mMove这个值其实在onTouchEvent处理得出后是负数的
* 这里在-mMove 是负负得正,所以画圆向右移动的值依然是正数.
*/
path.addCircle(getHeight()/2-mMove,getHeight()/2,getHeight()/2, Path.Direction.CW);
canvas.drawPath(path,paint);
path.reset();
paint.reset();
//画 > 图标
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(10);
paint.setStrokeCap(Paint.Cap.ROUND);
paint.setColor(mIconColor);
path.setFillType(Path.FillType.EVEN_ODD);
path.moveTo((getHeight()/2-10)-mMove,(float)(getHeight()*0.3));
path.lineTo((getHeight()/2+10)-mMove,getHeight()/2);
path.lineTo((getHeight()/2-10)-mMove,(float)(getHeight()*0.7));
canvas.drawPath(path,paint);
paint.reset();
path.reset(); } //触摸事件回调处理,返回移动位置
@Override
public boolean onTouchEvent(MotionEvent event) {
int action = event.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
if (event.getX() < getHeight()){
mLastX = event.getX();
Log.e(TAG, "onTouchEvent:mLastX:" + mLastX);
mMove = 0;
}else {
Log.e(TAG, "超出了点击范围");
mLastX = event.getX();
}
break;
case MotionEvent.ACTION_MOVE:
int positionX = (int) event.getX();//点击位置
if (mLastX > getHeight()){
mMove = 0;
}else {
if ( positionX < getWidth()-100 && positionX > 0) { //在最大和0之间 ,就返回当前移动增量
mMove = mLastX - positionX; //初始点击减去当前移动位置
postInvalidate(); } else if (positionX < 0) {//判断如果,如果向左滑动了 mMove = 0;
mMove = 0;
postInvalidate(); } else if (positionX > getWidth()-100) {//判断是否滑到最大
mMove = -getWidth()*0.815f; //注意这里一定要是负数,否则就要求绝对值,并且在画圆上面变成+mMove
postInvalidate();
}
}
break;
case MotionEvent.ACTION_UP:
/**
* 处理松开后的判断,如果没有滑到最大,松开后就返回 mMove = 0;
* 并且重写绘制
*/
if(event.getX() < getWidth()-100 && event.getX() > 0){
mMove = 0;
postInvalidate(); } break;
default:
break;
} return true;
} @Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//setCanvas(canvas);//设置画布
drawRoundRect(canvas);//画矩形
drawText(canvas);//画文字
drawCircular(canvas);//画圆形
}
}
 
上一篇:大数据Hadoop核心架构HDFS+MapReduce+Hbase+Hive内部机理详解


下一篇:oc语言--面向对象的三大特性