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> 

当然这里只是学习多点触控的一个简单例子，如果要实现真正的缩放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);  
}  

个人实践：

效果图：

代码：

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);//画圆形
    }
}