Android中View位置和觸摸事件詳解

發(fā)布時間：2020-09-09 01:09:57 來源：腳本之家閱讀：555 作者：張欽欄目：移動開發(fā)

一、簡述

View是Android中所有控件的基類，不管是簡單的Button和TextView，還是復(fù)雜的RelativeLayout和ListView，其基類都是View類；ViewGroup也繼承了View類，這意味著View本身就可以代表簡單的和復(fù)雜的所有控件和布局，通過這種關(guān)系，就形成了View樹的結(jié)構(gòu)。

本文Demo都是在自定義View中進行的，文末有下載鏈接

View的位置參數(shù)
MotionEvent屏幕觸摸事件
GestureDetector手勢檢測（單擊，雙擊，長摁，滑動）

二、View的位置參數(shù)

Android中View位置和觸摸事件詳解

1、原始位置(不受偏移量影響，單位是像素px)

top 左上角縱坐標 -> getTop();
left 左上角橫坐標 -> getLeft();
right 右下角橫坐標 -> getRight();
bottom 右下角縱坐標 -> getBottom();

2、寬高和坐標的關(guān)系

width = right-left
height = bottom - top

3、Android新增參數(shù)

x、y：View左上角坐標

translationX、translationY：相對于父容器的偏移量（有g(shù)et/set方法），正數(shù)往右，負數(shù)往左

注意：View在平移過程中，原始位置不會改變。

// 換算關(guān)系
x = left + translationX
y = top + translationY

從API21開始增加了z（垂直屏幕方向）和elevation（浮起來的高度，3D）

4、示例

// 轉(zhuǎn)換為dp
Log.e(TAG, "width:" + (getRight() - getLeft()));
Log.e(TAG, "寬度（dp）:" + Utils.px2dip(context, (getRight() - getLeft())));
Log.e(TAG, "height:" + (getBottom() - getTop()));
Log.e(TAG, "高度（dp）:" + Utils.px2dip(context, (getBottom() - getTop())));

Android中View位置和觸摸事件詳解

5、dp與px(像素)相互轉(zhuǎn)換代碼

// dp轉(zhuǎn)為px
public static int dp2px(Context context, float dpValue) {
 final float scale = context.getResources().getDisplayMetrics().density;
 return (int) (dpValue * scale + 0.5f);
}

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

三、MotionEvent

1、手指觸摸屏幕后產(chǎn)生的事件，典型事件如下：

ACTION_DOWN–手指剛觸摸屏幕
ACTION_MOVE–手指在屏幕上移動
ACTION_UP–手指從屏幕上分開的一瞬間

2、MotionEvent獲取點擊事件發(fā)生的坐標

getX （相對于當前View左上角的坐標）
getY
getRawX（相對于屏幕左上角的坐標）
getRawY

3、TouchSlop滑動最小距離

滑動小于這個常量，系統(tǒng)將不會認為這是滑動(常量為8dp,使用時系統(tǒng)會自動轉(zhuǎn)為px)
獲取方式

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

4、示例代碼

 float x = 0, y = 0;
 @Override
 public boolean onTouchEvent(MotionEvent event) {
// 獲取TouchSlop（滑動最小距離）
  float slop = ViewConfiguration.get(getContext()).getScaledTouchSlop();
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    Log.e(TAG, "onTouchEvent: " + "按下");
    Log.e(TAG, "getX: " + event.getX());
    Log.e(TAG, "getY: " + event.getY());
    Log.e(TAG, "getRawX: " + event.getRawX());
    Log.e(TAG, "getRawY: " + event.getRawY());

    x = event.getX();
    y = event.getY();

    break;
   case MotionEvent.ACTION_MOVE:
    Log.e(TAG, "onTouchEvent: " + "移動");
    break;
   case MotionEvent.ACTION_UP:
    Log.e(TAG, "onTouchEvent: " + "松開" + x);
    if (event.getX() - x > slop) {
     Log.e(TAG, "onTouchEvent: " + "往右滑動" + event.getX());
    } else if (x - event.getX() > slop) {
     Log.e(TAG, "onTouchEvent: " + "往左滑動" + event.getX());
    } else {
     Log.e(TAG, "onTouchEvent: " + "無效滑動" + event.getX());
    }
    x = 0;
    y = 0;
    break;
  }
  // 返回true，攔截這個事件
  // 返回false，不攔截
  return true;
 }

四、GestureDetector

1、輔助檢測用戶的單擊、滑動、長按、雙擊等行為

2、如何使用：

創(chuàng)建一個GestureDetector對象并實現(xiàn)OnGestureListener接口，根據(jù)需要實現(xiàn)OnDoubleTapListener接口

// 解決長按屏幕后無法拖動的現(xiàn)象，但是這樣會無法識別長按事件
mGestureDetector.setIsLongpressEnable(false);

接管目標View的onTouchEvent方法

return mGestureDetector.onTouchEvent(event);

示例

private GestureDetector mGestureDetector;
... ...
private void init(Context context){
  this.mContext = context;
  mGestureDetector = new GestureDetector(mContext,onGestureListener);
  mGestureDetector.setOnDoubleTapListener(onDoubleTapListener);
  //解決長按屏幕無法拖動,但是會造成無法識別長按事件
 //mGestureDetector.setIsLongpressEnabled(false);
 }
 
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  // 接管onTouchEvent
  return mGestureDetector.onTouchEvent(event);
 }
 
 GestureDetector.OnGestureListener onGestureListener = new GestureDetector.OnGestureListener() {
  @Override
  public boolean onDown(MotionEvent e) {
   Log.i(TAG, "onDown: 按下");
   return true;
  }
 
  @Override
  public void onShowPress(MotionEvent e) {
   Log.i(TAG, "onShowPress: 剛碰上還沒松開");
  }
 
  @Override
  public boolean onSingleTapUp(MotionEvent e) {
   Log.i(TAG, "onSingleTapUp: 輕輕一碰后馬上松開");
   return true;
  }
 
  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   Log.i(TAG, "onScroll: 按下后拖動");
   return true;
  }
 
  @Override
  public void onLongPress(MotionEvent e) {
   Log.i(TAG, "onLongPress: 長按屏幕");
  }
 
  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
   Log.i(TAG, "onFling: 滑動后松開");
   return true;
  }
 };
 
 GestureDetector.OnDoubleTapListener onDoubleTapListener = new GestureDetector.OnDoubleTapListener() {
  @Override
  public boolean onSingleTapConfirmed(MotionEvent e) {
   Log.i(TAG, "onSingleTapConfirmed: 嚴格的單擊");
   return true;
  }
 
  @Override
  public boolean onDoubleTap(MotionEvent e) {
   Log.i(TAG, "onDoubleTap: 雙擊");
   return true;
  }
 
  @Override
  public boolean onDoubleTapEvent(MotionEvent e) {
   Log.i(TAG, "onDoubleTapEvent: 表示發(fā)生雙擊行為");
   return true;
  }
 };

五、使用translation屬性實現(xiàn)view跟隨手指移動

實現(xiàn)方式：獲取到當前手指按下的位置，移動時要減去上次手指滑動的位置，然后在加上偏移量

存在問題：OnClick方法貌似沒法用了哦，大概是因為在onTouchEvent方法中攔截了吧

改進：我覺得可以用GestureDetector對象來實現(xiàn)，這樣也不妨礙拖動和點擊，可以寫個回調(diào)方法來實現(xiàn)點擊？只是這么想的，還沒有測試。

Android中View位置和觸摸事件詳解

private float x = 0, y = 0;
@Override
public boolean onTouchEvent(MotionEvent event) {
 switch (event.getAction()) {
  case MotionEvent.ACTION_DOWN:
   x = event.getRawX();
   y = event.getRawY();
   break;
  case MotionEvent.ACTION_MOVE:

   float rawX = event.getRawX();
   float rawY = event.getRawY();

   float translationX = getTranslationX();
   float translationY = getTranslationY();

   float deltaX = (rawX - x) + translationX;
   float deltaY = (rawY - y) + translationY;

   setTranslation(deltaX, deltaY);

   x = event.getRawX();
   y = event.getRawY();
   break;
  case MotionEvent.ACTION_UP:
   break;
 }
 return true;
}

private void setTranslation(float deltaX, float deltaY) {
 // 正數(shù)往右，負數(shù)往左
 setTranslationX(deltaX);
 setTranslationY(deltaY);
}

六、源碼地址

https://github.com/sdwfqin/AndroidSamples （本地下載）

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，如果有疑問大家可以留言交流，謝謝大家對億速云的支持。

向AI問一下細節(jié)

Android中View位置和觸摸事件詳解

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽