基于Android中手勢交互的實現(xiàn)方法
閑來無事,琢磨琢磨Android中的手勢交互,發(fā)現(xiàn)網(wǎng)上在手勢方面的文章并不是很多,而且很多的參考價值并不大。于是出此博文,與大家共勉。鑒于我寫此博文時對手勢交互的研究也不是特深,如果有不正確的地方,還請各位博友批評指正。
首先,在Android系統(tǒng)中,每一次手勢交互都會依照以下順序執(zhí)行。
1. 接觸接觸屏一剎那,觸發(fā)一個MotionEvent事件。
2. 該事件被OnTouchListener監(jiān)聽,在其onTouch()方法里獲得該MotionEvent對象。
3. 通過GestureDetector(手勢識別器)轉(zhuǎn)發(fā)次MotionEvent對象至OnGestureListener。
4. OnGestureListener獲得該對象,聽根據(jù)該對象封裝的的信息,做出合適的反饋。
這個順序可以說就是手勢交互的原理,下面一同來了解一下MotionEvent、GestureDetector和OnGestureListener。
MotionEvent: 這個類用于封裝手勢、觸摸筆、軌跡球等等的動作事件。其內(nèi)部封裝了兩個重要的屬性X和Y,這兩個屬性分別用于記錄橫軸和縱軸的坐標(biāo)。
GestureDetector: 識別各種手勢。
OnGestureListener: 這是一個手勢交互的監(jiān)聽接口,其中提供了多個抽象方法,并根據(jù)GestureDetector的手勢識別結(jié)果調(diào)用相對應(yīng)的方法。
下面我再通過一個切換美女圖片(又是美女圖片哦。敬請關(guān)注哦,親)的代碼示例,演示一下手勢交互的實現(xiàn),讓大伙對上面的執(zhí)行順序,以及各手勢動作的區(qū)分有一個更加深刻的了解和記憶。
首先,提供一個只有ImageView的布局文件——main.xml。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent">
<ImageView android:id="@+id/image" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_gravity="center"/>
</LinearLayout>
然后,完成我們的Activity,因為要監(jiān)聽觸摸屏的觸摸事件和手勢時間,所以該Activity必須實現(xiàn)OnTouchListener和OnGestureListener兩個接口,并重寫其中的方法。具體代碼如下:
public class MainActivity extends Activity implements OnTouchListener, OnGestureListener {
//創(chuàng)建一個用于識別收拾的GestureDetector對象
private GestureDetector detector = new GestureDetector(this);
//定義一個數(shù)組,用于放漂亮的女孩
int[] girls = new int[]{R.drawable.girl1, R.drawable.girl2, R.drawable.girl3};
//定義數(shù)組下標(biāo),以方便觀看各個女孩
private int index;
private ImageView image;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
image = (ImageView)findViewById(R.id.image);
//設(shè)置一個初始顯示的girl吧
image.setImageResource(girls[index]);
//監(jiān)聽這個ImageView組件上的觸摸屏?xí)r間
image.setOnTouchListener(this);
//下面兩個要記得設(shè)哦,不然就沒法處理輕觸以外的事件了,例如拋擲動作。
image.setLongClickable(true);
detector.setIsLongpressEnabled(true);
}
//用于呼喊下一個女孩的方法
public void goNext(){
index++;
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//用戶呼喚上一個女孩的方法
public void goPrevious(){
index--;
index = Math.abs(index % girls.length);
image.setImageResource(girls[index]);
}
//重寫OnTouchListener的onTouch方法
//此方法在觸摸屏被觸摸,即發(fā)生觸摸事件(接觸和撫摸兩個事件,挺形象)的時候被調(diào)用。
@Override
public boolean onTouch(View v, MotionEvent event) {
detector.onTouchEvent(event);
return true;
}
//在按下動作時被調(diào)用
@Override
public boolean onDown(MotionEvent e) {
return false;
}
//在拋擲動作時被調(diào)用
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
//velocityX表示橫向的移動,根據(jù)手指移動的方向切換女孩
if(velocityX < 0){
goNext();
}else if(velocityX > 0){
goPrevious();
}
return false;
}
//在長按時被調(diào)用
@Override
public void onLongPress(MotionEvent e) {
}
//在滾動時調(diào)用
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
//在按住時被調(diào)用
@Override
public void onShowPress(MotionEvent e) {
}
//在抬起時被調(diào)用
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
}
在剛開始學(xué)Android的時候,就覺得Google的文檔不咋樣,在研究手勢時,更加的感覺Google的文檔寫得實在是太差了。很多常量,屬性和方法,居然連個描述都沒有。沒有描述也就罷了,但是OnGestureListener里手勢這么多,它也沒有一個介紹說明,在沒有進(jìn)行不斷才嘗試之前,誰能搞懂onLongPress和onShowPress,onScroll和onFling的關(guān)系與差別嗎?Google真的需要在文檔方面做一次大手術(shù)了。不過好在經(jīng)過鄙人不斷反復(fù)的嘗試。從個人的角度為這幾個手勢動作做出了定義。
按下(onDown): 剛剛手指接觸到觸摸屏的那一剎那,就是觸的那一下。
拋擲(onFling): 手指在觸摸屏上迅速移動,并松開的動作。
長按(onLongPress): 手指按在持續(xù)一段時間,并且沒有松開。
滾動(onScroll): 手指在觸摸屏上滑動。
按?。╫nShowPress): 手指按在觸摸屏上,它的時間范圍在按下起效,在長按之前。
抬起(onSingleTapUp):手指離開觸摸屏的那一剎那。
除了這些定義之外,鄙人也總結(jié)了一點算是經(jīng)驗的經(jīng)驗吧,在這里和大家分享一下。
任何手勢動作都會先執(zhí)行一次按下(onDown)動作。
長按(onLongPress)動作前一定會執(zhí)行一次按住(onShowPress)動作。
按?。╫nShowPress)動作和按下(onDown)動作之后都會執(zhí)行一次抬起(onSingleTapUp)動作。
長按(onLongPress)、滾動(onScroll)和拋擲(onFling)動作之后都不會執(zhí)行抬起(onSingleTapUp)動作。
說到這里,大致結(jié)束。剩下的,就是一起看看運行結(jié)果吧。
一、沒有拋擲:
二、向右拋擲一次
三、向右再拋擲一次
相關(guān)文章
Android CameraX結(jié)合LibYUV和GPUImage自定義相機濾鏡
之前使用Camera實現(xiàn)了一個自定義相機濾鏡(Android自定義相機濾鏡 ),但是運行起來有點卡頓,這次用Camerax來實現(xiàn)一樣的效果發(fā)現(xiàn)很流暢,在此記錄一下,也希望能幫到有需要的同學(xué)2021-12-12Android Studio下添加assets目錄的實現(xiàn)方法
下面小編就為大家?guī)硪黄狝ndroid Studio下添加assets目錄的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03Android Socket接口實現(xiàn)即時通訊實例代碼
這篇文章主要介紹了Android Socket接口實現(xiàn)即時通訊實例代碼的相關(guān)資料,這里對通訊知識進(jìn)行了詳細(xì)介紹,并用Socket 接口實現(xiàn)通訊實例,需要的朋友可以參考下2016-12-12Android SharedPreferences實現(xiàn)數(shù)據(jù)存儲功能
這篇文章主要為大家詳細(xì)介紹了Android SharedPreferences實現(xiàn)數(shù)據(jù)存儲功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-06-06Android開發(fā)自學(xué)筆記(五):使用代碼控制界面
這篇文章主要介紹了Android開發(fā)自學(xué)筆記(五):使用代碼控制界面,本文講解了添加第二個layout、添加MyActivity的code、setup函數(shù)、getResult函數(shù)等內(nèi)容,需要的朋友可以參考下2015-04-04