基於Android中手勢互動的實現方法

來源:互聯網
上載者:User

閑來無事,琢磨琢磨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)動作。

說到這裡,大致結束。剩下的,就是一起看看運行結果吧。

一、沒有拋擲:

二、向右拋擲一次

三、向右再拋擲一次

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.