快捷導(dǎo)航

理解Android的手勢(shì)識(shí)別提高APP的用戶體驗(yàn)

更新時(shí)間：2013年06月08日 15:48:33 作者：

對(duì)于觸摸屏，其原生的消息無非按下、抬起、移動(dòng)這幾種，我們只需要簡(jiǎn)單重載onTouch或者設(shè)置觸摸偵聽器setOnTouchListener即可進(jìn)行處理

對(duì)于觸摸屏，其原生的消息無非按下、抬起、移動(dòng)這幾種，我們只需要簡(jiǎn)單重載onTouch或者設(shè)置觸摸偵聽器setOnTouchListener即可進(jìn)行處理。不過，為了提高我們的APP的用戶體驗(yàn)，有時(shí)候我們需要識(shí)別用戶的手勢(shì)，Android給我們提供的手勢(shì)識(shí)別工具GestureDetector就可以幫上大忙了。

基礎(chǔ)
GestureDetector的工作原理是，當(dāng)我們接收到用戶觸摸消息時(shí)，將這個(gè)消息交給GestureDetector去加工，我們通過設(shè)置偵聽器獲得GestureDetector處理后的手勢(shì)。

GestureDetector提供了兩個(gè)偵聽器接口，OnGestureListener處理單擊類消息，OnDoubleTapListener處理雙擊類消息。

OnGestureListener的接口有這幾個(gè)：
// 單擊，觸摸屏按下時(shí)立刻觸發(fā)
abstract boolean onDown(MotionEvent e);
// 抬起，手指離開觸摸屏?xí)r觸發(fā)(長按、滾動(dòng)、滑動(dòng)時(shí)，不會(huì)觸發(fā)這個(gè)手勢(shì))
abstract boolean onSingleTapUp(MotionEvent e);
// 短按，觸摸屏按下后片刻后抬起，會(huì)觸發(fā)這個(gè)手勢(shì)，如果迅速抬起則不會(huì)
abstract void onShowPress(MotionEvent e);
// 長按，觸摸屏按下后既不抬起也不移動(dòng)，過一段時(shí)間后觸發(fā)
abstract void onLongPress(MotionEvent e);
// 滾動(dòng)，觸摸屏按下后移動(dòng)
abstract boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);
// 滑動(dòng)，觸摸屏按下后快速移動(dòng)并抬起，會(huì)先觸發(fā)滾動(dòng)手勢(shì)，跟著觸發(fā)一個(gè)滑動(dòng)手勢(shì)
abstract boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY);
OnDoubleTapListener的接口有這幾個(gè)：
// 雙擊，手指在觸摸屏上迅速點(diǎn)擊第二下時(shí)觸發(fā)
abstract boolean onDoubleTap(MotionEvent e);
// 雙擊的按下跟抬起各觸發(fā)一次
abstract boolean onDoubleTapEvent(MotionEvent e);
// 單擊確認(rèn)，即很快的按下并抬起，但并不連續(xù)點(diǎn)擊第二下
abstract boolean onSingleTapConfirmed(MotionEvent e);
有時(shí)候我們并不需要處理上面所有手勢(shì)，方便起見，Android提供了另外一個(gè)類SimpleOnGestureListener實(shí)現(xiàn)了如上接口，我們只需要繼承SimpleOnGestureListener然后重載感興趣的手勢(shì)即可。

應(yīng)用
STEP 1: 創(chuàng)建手勢(shì)偵聽對(duì)象

復(fù)制代碼代碼如下:

 
package noodies.blog.csdn.net; 
import android.content.Context; 
import android.view.MotionEvent; 
import android.view.GestureDetector.SimpleOnGestureListener; 
import android.widget.Toast; 
public class MyGestureListener extends SimpleOnGestureListener { 
private Context mContext; 
MyGestureListener(Context context) { 
mContext = context; 
} 
@Override 
public boolean onDown(MotionEvent e) { 
Toast.makeText(mContext, "DOWN " + e.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public void onShowPress(MotionEvent e) { 
Toast.makeText(mContext, "SHOW " + e.getAction(), Toast.LENGTH_SHORT).show(); 
} 
@Override 
public boolean onSingleTapUp(MotionEvent e) { 
Toast.makeText(mContext, "SINGLE UP " + e.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public boolean onScroll(MotionEvent e1, MotionEvent e2, 
float distanceX, float distanceY) { 
Toast.makeText(mContext, "SCROLL " + e2.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public void onLongPress(MotionEvent e) { 
Toast.makeText(mContext, "LONG " + e.getAction(), Toast.LENGTH_SHORT).show(); 
} 
@Override 
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, 
float velocityY) { 
Toast.makeText(mContext, "FLING " + e2.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public boolean onDoubleTap(MotionEvent e) { 
Toast.makeText(mContext, "DOUBLE " + e.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public boolean onDoubleTapEvent(MotionEvent e) { 
Toast.makeText(mContext, "DOUBLE EVENT " + e.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
@Override 
public boolean onSingleTapConfirmed(MotionEvent e) { 
Toast.makeText(mContext, "SINGLE CONF " + e.getAction(), Toast.LENGTH_SHORT).show(); 
return false; 
} 
} 

STEP 2: 設(shè)置手勢(shì)識(shí)別
我們可以在Activity里設(shè)置手勢(shì)識(shí)別：

復(fù)制代碼代碼如下:

 
package noodies.blog.csdn.net; 
import android.app.Activity; 
import android.os.Bundle; 
import android.view.GestureDetector; 
import android.view.MotionEvent; 
public class GestureTestActivity extends Activity { 
private GestureDetector mGestureDetector; 
@Override 
public void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.main); 
mGestureDetector = new GestureDetector(this, new MyGestureListener(this)); 
} 
@Override 
public boolean onTouchEvent(MotionEvent event) { 
return mGestureDetector.onTouchEvent(event); 
} 
} 

也可以在自定義的View里面設(shè)置手勢(shì)識(shí)別：

復(fù)制代碼代碼如下:

 
package noodies.blog.csdn.net; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.GestureDetector; 
import android.view.MotionEvent; 
import android.view.View; 
public class MyView extends View { 
private GestureDetector mGestureDetector; 
public MyView(Context context, AttributeSet attrs) { 
super(context, attrs); 
mGestureDetector = new GestureDetector(context, new MyGestureListener(context)); 
setLongClickable(true); 
this.setOnTouchListener(new OnTouchListener() { 
public boolean onTouch(View v, MotionEvent event) { 
return mGestureDetector.onTouchEvent(event); 
} 
}); 
} 
} 

陷阱
對(duì)于自定義View，使用手勢(shì)識(shí)別有兩處陷阱可能會(huì)浪費(fèi)你的不少時(shí)間。
1：View必須設(shè)置longClickable為true，否則手勢(shì)識(shí)別無法正確工作，只會(huì)返回Down, Show, Long三種手勢(shì)
2：必須在View的onTouchListener中調(diào)用手勢(shì)識(shí)別，而不能像Activity一樣重載onTouchEvent，否則同樣手勢(shì)識(shí)別無法正確工作

測(cè)試結(jié)果
下面是各種操作返回的手勢(shì)序列，數(shù)值0表示觸摸屏按下，1表示抬起
單擊：down 0, single up 1, single conf 0
短按：down 0, show 0, single up 1
長按：down 0, show 0, long 0
雙擊：down 0, single up 1, double 0, double event 0, down 0, double event 1
滾動(dòng)：down 0, (show 0), scrool 2...
滑動(dòng)：down 0, (show 0), scrool 2..., fling 1

您可能感興趣的文章: