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

更新時(shí)間：2018年08月10日 10:13:44 作者：張欽

這篇文章主要給大家介紹了關(guān)于Android中View位置和觸摸事件的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

一、簡(jiǎn)述

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

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

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

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

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

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

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

width = right-left
height = bottom - top

3、Android新增參數(shù)

x、y：View左上角坐標(biāo)

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

注意：View在平移過(guò)程中，原始位置不會(huì)改變。

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

從API21開(kāi)始增加了z（垂直屏幕方向）和elevation（浮起來(lái)的高度，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())));

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–手指在屏幕上移動(dòng)
ACTION_UP–手指從屏幕上分開(kāi)的一瞬間

2、MotionEvent獲取點(diǎn)擊事件發(fā)生的坐標(biāo)

getX （相對(duì)于當(dāng)前View左上角的坐標(biāo)）
getY
getRawX（相對(duì)于屏幕左上角的坐標(biāo)）
getRawY

3、TouchSlop滑動(dòng)最小距離

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

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

4、示例代碼

 float x = 0, y = 0;
 @Override
 public boolean onTouchEvent(MotionEvent event) {
// 獲取TouchSlop（滑動(dòng)最小距離）
  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: " + "移動(dòng)");
    break;
   case MotionEvent.ACTION_UP:
    Log.e(TAG, "onTouchEvent: " + "松開(kāi)" + x);
    if (event.getX() - x > slop) {
     Log.e(TAG, "onTouchEvent: " + "往右滑動(dòng)" + event.getX());
    } else if (x - event.getX() > slop) {
     Log.e(TAG, "onTouchEvent: " + "往左滑動(dòng)" + event.getX());
    } else {
     Log.e(TAG, "onTouchEvent: " + "無(wú)效滑動(dòng)" + event.getX());
    }
    x = 0;
    y = 0;
    break;
  }
  // 返回true，攔截這個(gè)事件
  // 返回false，不攔截
  return true;
 }

四、GestureDetector

1、輔助檢測(cè)用戶的單擊、滑動(dòng)、長(zhǎng)按、雙擊等行為

2、如何使用：

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

// 解決長(zhǎng)按屏幕后無(wú)法拖動(dòng)的現(xiàn)象，但是這樣會(huì)無(wú)法識(shí)別長(zhǎng)按事件
mGestureDetector.setIsLongpressEnable(false);

接管目標(biāo)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);
  //解決長(zhǎng)按屏幕無(wú)法拖動(dòng),但是會(huì)造成無(wú)法識(shí)別長(zhǎng)按事件
 //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: 剛碰上還沒(méi)松開(kāi)");
  }
 
  @Override
  public boolean onSingleTapUp(MotionEvent e) {
   Log.i(TAG, "onSingleTapUp: 輕輕一碰后馬上松開(kāi)");
   return true;
  }
 
  @Override
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
   Log.i(TAG, "onScroll: 按下后拖動(dòng)");
   return true;
  }
 
  @Override
  public void onLongPress(MotionEvent e) {
   Log.i(TAG, "onLongPress: 長(zhǎng)按屏幕");
  }
 
  @Override
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
   Log.i(TAG, "onFling: 滑動(dòng)后松開(kāi)");
   return true;
  }
 };
 
 GestureDetector.OnDoubleTapListener onDoubleTapListener = new GestureDetector.OnDoubleTapListener() {
  @Override
  public boolean onSingleTapConfirmed(MotionEvent e) {
   Log.i(TAG, "onSingleTapConfirmed: 嚴(yán)格的單擊");
   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屬性實(shí)現(xiàn)view跟隨手指移動(dòng)

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

存在問(wèn)題：OnClick方法貌似沒(méi)法用了哦，大概是因?yàn)樵趏nTouchEvent方法中攔截了吧

改進(jìn)：我覺(jué)得可以用GestureDetector對(duì)象來(lái)實(shí)現(xiàn)，這樣也不妨礙拖動(dòng)和點(diǎn)擊，可以寫(xiě)個(gè)回調(diào)方法來(lái)實(shí)現(xiàn)點(diǎn)擊？只是這么想的，還沒(méi)有測(cè)試。

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ù)往右，負(fù)數(shù)往左
 setTranslationX(deltaX);
 setTranslationY(deltaY);
}

六、源碼地址

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

總結(jié)

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

您可能感興趣的文章: