一、简述

  • View是Android中所有控件的基类

  • 本文Demo都是在自定义View中进行的，文末有下载链接

    1. View的位置参数

    2. MotionEvent屏幕触摸事件

    3. GestureDetector手势检测（单击，双击，长摁，滑动）

二、View的位置参数

View位置及触摸事件 - 图1

  1. 原始位置(不受偏移量影响，单位是像素px)

    1. top 左上角纵坐标 -> getTop();

    2. left 左上角横坐标 -> getLeft();

    3. right 右下角横坐标 -> getRight();

    4. bottom 右下角纵坐标 -> getBottom();

  2. 宽高和坐标的关系

    1. width = right-left
    2. height = bottom - top

  3. Android新增参数

    1. x、y：View左上角坐标

    2. translationX、translationY：相对于父容器的偏移量（有get/set方法），正数往右，负数往左

      • 注意：View在平移过程中，原始位置不会改变。
  1. // 换算关系
  2. x = left + translationX
  3. y = top + translationY
  1. 从API21开始增加了z（垂直屏幕方向）和elevation（浮起来的高度，3D）

  1. 示例

    1. // 转换为dp
    2. Log.e(TAG, "width:" + (getRight() - getLeft()));
    3. Log.e(TAG, "宽度（dp）:" + Utils.px2dip(context, (getRight() - getLeft())));
    4. Log.e(TAG, "height:" + (getBottom() - getTop()));
    5. Log.e(TAG, "高度（dp）:" + Utils.px2dip(context, (getBottom() - getTop())));

    View位置及触摸事件 - 图2

  2. dp与px(像素)相互转换代码 ```java // dp转为px public static int dp2px(Context context, float dpValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (dpValue * scale + 0.5f); }

// px转为dp public static int px2dp(Context context, float pxValue) { final float scale = context.getResources().getDisplayMetrics().density; return (int) (pxValue / scale + 0.5f); }

  3. <a name="04a8lg"></a>
  4. # 三、MotionEvent
  6. 1. 手指触摸屏幕后产生的事件，典型事件如下：
  8.    1. ACTION_DOWN--手指刚触摸屏幕
  10.    2. ACTION_MOVE--手指在屏幕上移动
  12.    3. ACTION_UP--手指从屏幕上分开的一瞬间
  14. 2. MotionEvent获取点击事件发生的坐标
  16.    1. getX （相对于当前View左上角的坐标）
  18.    2. getY
  20.    3. getRawX（相对于屏幕左上角的坐标）
  22.    4. getRawY
  24. 3. TouchSlop滑动最小距离
  26.    1. 滑动小于这个常量，系统将不会认为这是滑动(常量为8dp,使用时系统会自动转为px)
  28.    2. 获取方式

ViewConfiguration.get(getContext()).getScaledTouchSlop();

  2. 4. 示例代码
  3. ```java
  4. float x = 0, y = 0;
  5. @Override
  6. public boolean onTouchEvent(MotionEvent event) {
  7.     // 获取TouchSlop（滑动最小距离）
  8.     float slop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
  9.     switch (event.getAction()) {
  10.         case MotionEvent.ACTION_DOWN:
  11.             Log.e(TAG, "onTouchEvent: " + "按下");
  12.             Log.e(TAG, "getX: " + event.getX());
  13.             Log.e(TAG, "getY: " + event.getY());
  14.             Log.e(TAG, "getRawX: " + event.getRawX());
  15.             Log.e(TAG, "getRawY: " + event.getRawY());
  17.             x = event.getX();
  18.             y = event.getY();
  20.             break;
  21.         case MotionEvent.ACTION_MOVE:
  22.             Log.e(TAG, "onTouchEvent: " + "移动");
  23.             break;
  24.         case MotionEvent.ACTION_UP:
  25.             Log.e(TAG, "onTouchEvent: " + "松开" + x);
  26.             if (event.getX() - x > slop) {
  27.                 Log.e(TAG, "onTouchEvent: " + "往右滑动" + event.getX());
  28.             } else if (x - event.getX() > slop) {
  29.                 Log.e(TAG, "onTouchEvent: " + "往左滑动" + event.getX());
  30.             } else {
  31.                 Log.e(TAG, "onTouchEvent: " + "无效滑动" + event.getX());
  32.             }
  33.             x = 0;
  34.             y = 0;
  35.             break;
  36.     }
  37.     // 返回true，拦截这个事件
  38.     // 返回false，不拦截
  39.     return true;
  40. }

四、GestureDetector

  1. 辅助检测用户的单击、滑动、长按、双击等行为

  2. 如何使用：

    1. 创建一个GestureDetector对象并实现OnGestureListener接口，根据需要实现OnDoubleTapListener接口

      1. // 解决长按屏幕后无法拖动的现象，但是这样会无法识别长按事件
      2. mGestureDetector.setIsLongpressEnable(false);

    2. 接管目标View的onTouchEvent方法

      1. return mGestureDetector.onTouchEvent(event);

    3. 示例

  1. private GestureDetector mGestureDetector;
  2. ... ...
  3. private void init(Context context){
  4.     this.mContext = context;
  5.     mGestureDetector = new GestureDetector(mContext,onGestureListener);
  6.     mGestureDetector.setOnDoubleTapListener(onDoubleTapListener);
  7.     //解决长按屏幕无法拖动,但是会造成无法识别长按事件
  8.     //mGestureDetector.setIsLongpressEnabled(false);
  9. }
  11. @Override
  12. public boolean onTouchEvent(MotionEvent event) {
  13.     // 接管onTouchEvent
  14.     return mGestureDetector.onTouchEvent(event);
  15. }
  17. GestureDetector.OnGestureListener onGestureListener = new GestureDetector.OnGestureListener() {
  18.     @Override
  19.     public boolean onDown(MotionEvent e) {
  20.         Log.i(TAG, "onDown: 按下");
  21.         return true;
  22.     }
  24.     @Override
  25.     public void onShowPress(MotionEvent e) {
  26.         Log.i(TAG, "onShowPress: 刚碰上还没松开");
  27.     }
  29.     @Override
  30.     public boolean onSingleTapUp(MotionEvent e) {
  31.         Log.i(TAG, "onSingleTapUp: 轻轻一碰后马上松开");
  32.         return true;
  33.     }
  35.     @Override
  36.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
  37.         Log.i(TAG, "onScroll: 按下后拖动");
  38.         return true;
  39.     }
  41.     @Override
  42.     public void onLongPress(MotionEvent e) {
  43.         Log.i(TAG, "onLongPress: 长按屏幕");
  44.     }
  46.     @Override
  47.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
  48.         Log.i(TAG, "onFling: 滑动后松开");
  49.         return true;
  50.     }
  51. };
  53. GestureDetector.OnDoubleTapListener onDoubleTapListener = new GestureDetector.OnDoubleTapListener() {
  54.     @Override
  55.     public boolean onSingleTapConfirmed(MotionEvent e) {
  56.         Log.i(TAG, "onSingleTapConfirmed: 严格的单击");
  57.         return true;
  58.     }
  60.     @Override
  61.     public boolean onDoubleTap(MotionEvent e) {
  62.         Log.i(TAG, "onDoubleTap: 双击");
  63.         return true;
  64.     }
  66.     @Override
  67.     public boolean onDoubleTapEvent(MotionEvent e) {
  68.         Log.i(TAG, "onDoubleTapEvent: 表示发生双击行为");
  69.         return true;
  70.     }
  71. };

五、使用translation属性实现view跟随手指移动

  1. 实现方式：获取到当前手指按下的位置，移动时要减去上次手指滑动的位置，然后在加上偏移量

  2. 存在问题：OnClick方法貌似没法用了哦，大概是因为在onTouchEvent方法中拦截了吧

  3. 改进：我觉得可以用GestureDetector对象来实现，这样也不妨碍拖动和点击，可以写个回调方法来实现点击？只是这么想的，还没有测试。

View位置及触摸事件 - 图3

  1. ``` java
  2. private float x = 0, y = 0;
  3. @Override
  4. public boolean onTouchEvent(MotionEvent event) {
  5.     switch (event.getAction()) {
  6.         case MotionEvent.ACTION_DOWN:
  7.             x = event.getRawX();
  8.             y = event.getRawY();
  9.             break;
  10.         case MotionEvent.ACTION_MOVE:
  12.             float rawX = event.getRawX();
  13.             float rawY = event.getRawY();
  15.             float translationX = getTranslationX();
  16.             float translationY = getTranslationY();
  18.             float deltaX = (rawX - x) + translationX;
  19.             float deltaY = (rawY - y) + translationY;
  21.             setTranslation(deltaX, deltaY);
  23.             x = event.getRawX();
  24.             y = event.getRawY();
  25.             break;
  26.         case MotionEvent.ACTION_UP:
  27.             break;
  28.     }
  29.     return true;
  30. }
  32. private void setTranslation(float deltaX, float deltaY) {
  33.     // 正数往右，负数往左
  34.     setTranslationX(deltaX);
  35.     setTranslationY(deltaY);
  36. }

```

六、源码地址

https://github.com/sdwfqin/AndroidSamples