閑來無事,琢磨琢磨Android中的手勢互動,發現網上在手勢方面的文章並不是很多,而且很多的參考價值並不大。於是出此博文,與大家共勉。鑒於我寫此博文時對手勢互動的研究也不是特深,如果有不正確的地方,還請各位博友批評指正。
首先,在Android系統中,每一次手勢互動都會依照以下順序執行。
1. 接觸接觸屏一刹那,觸發一個MotionEvent事件。
2. 該事件被OnTouchListener監聽,在其onTouch()方法裡獲得該MotionEvent對象。
3. 通過GestureDetector(手勢辨識器)轉寄次MotionEvent對象至OnGestureListener。
4. OnGestureListener獲得該對象,聽根據該對象封裝的的資訊,做出合適的反饋。
這個順序可以說就是手勢互動的原理,下面一同來瞭解一下MotionEvent、GestureDetector和OnGestureListener。
MotionEvent: 這個類用於封裝手勢、觸摸筆、軌跡球等等的動作事件。其內部封裝了兩個重要的屬性X和Y,這兩個屬性分別用於記錄橫軸和縱軸的座標。
GestureDetector: 識別各種手勢。
OnGestureListener: 這是一個手勢互動的監聽介面,其中提供了多個抽象方法,並根據GestureDetector的手勢識別結果調用相對應的方法。
下面我再通過一個切換美女圖片(又是美女圖片哦。敬請關注哦,親)的程式碼範例,示範一下手勢互動的實現,讓大夥對上面的執行順序,以及各手勢動作的區分有一個更加深刻的瞭解和記憶。
首先,提供一個只有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,因為要監聽觸控螢幕的觸摸事件和手勢時間,所以該Activity必須實現OnTouchListener和OnGestureListener兩個介面,並重寫其中的方法。具體代碼如下:複製代碼 代碼如下:public class MainActivity extends Activity implements OnTouchListener, OnGestureListener {
//建立一個用於識別收拾的GestureDetector對象
private GestureDetector detector = new GestureDetector(this);
//定義一個數組,用於放漂亮的女孩
int[] girls = new int[]{R.drawable.girl1, R.drawable.girl2, R.drawable.girl3};
//定義數組下標,以方便觀看各個女孩
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);
//設定一個初始顯示的girl吧
image.setImageResource(girls[index]);
//監聽這個ImageView組件上的觸控螢幕時間
image.setOnTouchListener(this);
//下面兩個要記得設哦,不然就沒法處理輕觸以外的事件了,例如拋擲動作。
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方法
//此方法在觸控螢幕被觸摸,即發生觸摸事件(接觸和撫摸兩個事件,挺形象)的時候被調用。
@Override
public boolean onTouch(View v, MotionEvent event) {
detector.onTouchEvent(event);
return true;
}
//在按下動作時被調用
@Override
public boolean onDown(MotionEvent e) {
return false;
}
//在拋擲動作時被調用
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
//velocityX表示橫向的移動,根據手指移動的方向切換女孩
if(velocityX < 0){
goNext();
}else if(velocityX > 0){
goPrevious();
}
return false;
}
//在長按時被調用
@Override
public void onLongPress(MotionEvent e) {
}
//在滾動時調用
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
float distanceY) {
return false;
}
//在按住時被調用
@Override
public void onShowPress(MotionEvent e) {
}
//在抬起時被調用
@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}
}
在剛開始學Android的時候,就覺得Google的文檔不咋樣,在研究手勢時,更加的感覺Google的文檔寫得實在是太差了。很多常量,屬性和方法,居然連個描述都沒有。沒有描述也就罷了,但是OnGestureListener裏手勢這麼多,它也沒有一個介紹說明,在沒有進行不斷才嘗試之前,誰能搞懂onLongPress和onShowPress,onScroll和onFling的關係與差別嗎?Google真的需要在文檔方面做一次大手術了。不過好在經過鄙人不斷反覆的嘗試。從個人的角度為這幾個手勢動作做出了定義。
按下(onDown): 剛剛手指接觸到觸控螢幕的那一刹那,就是觸的那一下。
拋擲(onFling): 手指在觸控螢幕上迅速移動,並鬆開的動作。
長按(onLongPress): 手指按在持續一段時間,並且沒有鬆開。
滾動(onScroll): 手指在觸控螢幕上滑動。
按住(onShowPress): 手指按在觸控螢幕上,它的時間範圍在按下起效,在長按之前。
抬起(onSingleTapUp):手指離開觸控螢幕的那一刹那。
除了這些定義之外,鄙人也總結了一點算是經驗的經驗吧,在這裡和大家分享一下。
任何手勢動作都會先執行一次按下(onDown)動作。
長按(onLongPress)動作前一定會執行一次按住(onShowPress)動作。
按住(onShowPress)動作和按下(onDown)動作之後都會執行一次抬起(onSingleTapUp)動作。
長按(onLongPress)、滾動(onScroll)和拋擲(onFling)動作之後都不會執行抬起(onSingleTapUp)動作。
說到這裡,大致結束。剩下的,就是一起看看運行結果吧。
一、沒有拋擲:
二、向右拋擲一次
三、向右再拋擲一次