Android中View位置和觸摸事件詳解
一、簡(jiǎn)述
View是Android中所有控件的基類,不管是簡(jiǎn)單的Button和TextView,還是復(fù)雜的RelativeLayout和ListView,其基類都是View類;ViewGroup也繼承了View類,這意味著View本身就可以代表簡(jiǎn)單的和復(fù)雜的所有控件和布局,通過這種關(guān)系,就形成了View樹的結(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在平移過程中,原始位置不會(huì)改變。
// 換算關(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())));
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–手指從屏幕上分開的一瞬間
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: " + "松開" + 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: " + "無效滑動(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)按屏幕后無法拖動(dòng)的現(xiàn)象,但是這樣會(huì)無法識(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)按屏幕無法拖動(dòng),但是會(huì)造成無法識(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: 剛碰上還沒松開"); } @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: 按下后拖動(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)后松開"); 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)的位置,然后在加上偏移量
存在問題:OnClick方法貌似沒法用了哦,大概是因?yàn)樵趏nTouchEvent方法中攔截了吧
改進(jìn):我覺得可以用GestureDetector對(duì)象來實(shí)現(xiàn),這樣也不妨礙拖動(dòng)和點(diǎn)擊,可以寫個(gè)回調(diào)方法來實(shí)現(xiàn)點(diǎn)擊?只是這么想的,還沒有測(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à)值,如果有疑問大家可以留言交流,謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
Android 中ContentProvider的實(shí)例詳解
這篇文章主要介紹了Android 中ContentProvider的實(shí)例詳解的相關(guān)資料,希望通過本文大家能掌握這部分內(nèi)容,需要的朋友可以參考下2017-09-09Android 調(diào)用系統(tǒng)應(yīng)用的方法總結(jié)
這篇文章主要介紹了Android 調(diào)用系統(tǒng)應(yīng)用的方法總結(jié)的相關(guān)資料,這里提供調(diào)用錄像,錄音,拍照等功能,需要的朋友可以參考下2017-08-08android實(shí)現(xiàn)多點(diǎn)觸摸效果
這篇文章主要為大家詳細(xì)介紹了android實(shí)現(xiàn)多點(diǎn)觸摸效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05Android使用RecycleView實(shí)現(xiàn)拖拽交換item位置
這篇文章主要為大家詳細(xì)介紹了Android使用RecycleView實(shí)現(xiàn)拖拽交換item位置,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08Android usb設(shè)備權(quán)限查詢及自動(dòng)獲取詳解流程
本篇文章介紹了我想要獲取Android系統(tǒng)usb設(shè)備使用權(quán)限時(shí)遇到的問題,以及解決該問題的過程及思路,通讀本篇對(duì)大家的學(xué)習(xí)或工作具有一定的價(jià)值,需要的朋友可以參考下2021-10-10詳解OpenGL Shader抗鋸齒的實(shí)現(xiàn)
普通繪制圓形形狀時(shí)可以看到圖形邊緣會(huì)有明顯鋸齒現(xiàn)象并不像真實(shí)圓形形狀一樣圓潤(rùn)邊緣平滑。本文將介紹如何通過自制函數(shù)實(shí)現(xiàn)抗鋸齒,需要的可以參考一下2022-02-02Android實(shí)現(xiàn)圖片循環(huán)播放的實(shí)例方法
2013-05-05Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能
這篇文章主要介紹了Android使用自定義屬性實(shí)現(xiàn)圖片自動(dòng)播放滾動(dòng)的功能,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-05