Gestures(手勢)
本節(jié)引言:
周六不休息,剛剪完了個(gè)大平頭回來,繼續(xù)碼字~
好的,本節(jié)給大家?guī)睃c(diǎn)的是第三章的最后一節(jié)——Gestures(手勢), 用過魅族手機(jī)的朋友相信對(duì)手勢肯定是不陌生的,在home鍵兩側(cè)像屏幕內(nèi)滑動(dòng), 可以打開后臺(tái)任務(wù)列表等等~在應(yīng)用中通過手勢來操作會(huì)大大提升用戶體驗(yàn), 比如Scroll手勢在瀏覽器中個(gè)滾屏,F(xiàn)ling在瀏覽器中的換頁等!
當(dāng)然,有利也有弊,比如不當(dāng)?shù)氖謩莶僮饕餉PP Carsh,經(jīng)常這樣可是會(huì)引起用戶不滿的! 所以是否要為你的應(yīng)用增加手勢,可要考慮清楚哦!另外手勢要和前面學(xué)的單指/多指觸碰相區(qū)分哦!
手勢是:連續(xù)觸碰的行為,比如左右上下滑動(dòng)屏幕,又或者畫一些不規(guī)則的幾何圖形! Android對(duì)上述兩種手勢行為都提供了支持:
- Android提供手勢檢測,并為手勢識(shí)別提供了相應(yīng)的監(jiān)聽器!
- Android運(yùn)行開發(fā)者自行添加手勢,并且提供了相應(yīng)的API識(shí)別用戶手勢!
如果你的手機(jī)是Android 4.x的原生Android系統(tǒng)的話,你可能可以在你的手機(jī)或者平板上看到谷歌 提供的一個(gè)Gesture Builder的APP,該應(yīng)用允許用戶以類似于涂鴉的方式繪制一個(gè)手寫符號(hào),使之 對(duì)應(yīng)一個(gè)字符串名稱!當(dāng)然,沒有這樣的手機(jī)也沒關(guān)系,我們有模擬器嘛,自己開個(gè)4.0的系統(tǒng)試試 就知道了,另外,我們可以到\mmt\sdcard\gestures獲取到保存手勢的文件! 好了,嘮嘮叨叨那么多,開始講正題吧!
對(duì)了,貼下官方API文檔先:GestureDetector
1.Android中手勢交互的執(zhí)行順序
- 1.手指觸碰屏幕時(shí),觸發(fā)MotionEvent事件!
- 2.該事件被OnTouchListener監(jiān)聽,可在它的onTouch()方法中獲得該MotionEvent對(duì)象!
- 3.通過GestureDetector轉(zhuǎn)發(fā)MotionEvent對(duì)象給OnGestureListener
- 4.我們可以通過OnGestureListener獲得該對(duì)象,然后獲取相關(guān)信息,以及做相關(guān)處理!
我們來看下上述的三個(gè)類都是干嘛的:MotionEvent: 這個(gè)類用于封裝手勢、觸摸筆、軌跡球等等的動(dòng)作事件。 其內(nèi)部封裝了兩個(gè)重要的屬性X和Y,這兩個(gè)屬性分別用于記錄橫軸和縱軸的坐標(biāo)。GestureDetector: 識(shí)別各種手勢。OnGestureListener: 這是一個(gè)手勢交互的監(jiān)聽接口,其中提供了多個(gè)抽象方法, 并根據(jù)GestureDetector的手勢識(shí)別結(jié)果調(diào)用相對(duì)應(yīng)的方法。
——上述資料摘自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1020/448.html
2.GestureListener詳解:
從1中我們知道了監(jiān)聽手勢的關(guān)鍵是:GestureListener 他給我們提供了下述的回調(diào)方法:
- 按下(onDown): 剛剛手指接觸到觸摸屏的那一剎那,就是觸的那一下。
- 拋擲(onFling): 手指在觸摸屏上迅速移動(dòng),并松開的動(dòng)作。
- 長按(onLongPress): 手指按在持續(xù)一段時(shí)間,并且沒有松開。
- 滾動(dòng)(onScroll): 手指在觸摸屏上滑動(dòng)。
- 按?。╫nShowPress): 手指按在觸摸屏上,它的時(shí)間范圍在按下起效,在長按之前。
- 抬起(onSingleTapUp):手指離開觸摸屏的那一剎那。
知道了GestureListener的相關(guān)方法后,實(shí)現(xiàn)手勢檢測也很簡單,步驟如下:
- Step 1: 創(chuàng)建GestureDetector對(duì)象,創(chuàng)建時(shí)需實(shí)現(xiàn)GestureListener傳入
- Step 2: 將Activity或者特定組件上的TouchEvent的事件交給GestureDetector處理即可! 我們寫個(gè)簡單的代碼來驗(yàn)證這個(gè)流程,即重寫對(duì)應(yīng)的方法:
代碼如下:
private MyGestureListener mgListener;
private GestureDetector mDetector;
private final static String TAG = "MyGesture";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//實(shí)例化GestureListener與GestureDetector對(duì)象
mgListener = new MyGestureListener();
mDetector = new GestureDetector(this, mgListener);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return mDetector.onTouchEvent(event);
}
//自定義一個(gè)GestureListener,這個(gè)是View類下的,別寫錯(cuò)哦?。?!
private class MyGestureListener implements GestureDetector.OnGestureListener {
@Override
public boolean onDown(MotionEvent motionEvent) {
Log.d(TAG, "onDown:按下");
return false;
}
@Override
public void onShowPress(MotionEvent motionEvent) {
Log.d(TAG, "onShowPress:手指按下一段時(shí)間,不過還沒到長按");
}
@Override
public boolean onSingleTapUp(MotionEvent motionEvent) {
Log.d(TAG, "onSingleTapUp:手指離開屏幕的一瞬間");
return false;
}
@Override
public boolean onScroll(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
Log.d(TAG, "onScroll:在觸摸屏上滑動(dòng)");
return false;
}
@Override
public void onLongPress(MotionEvent motionEvent) {
Log.d(TAG, "onLongPress:長按并且沒有松開");
}
@Override
public boolean onFling(MotionEvent motionEvent, MotionEvent motionEvent1, float v, float v1) {
Log.d(TAG, "onFling:迅速滑動(dòng),并松開");
return false;
}
}
}
對(duì)應(yīng)操作截圖:
1.按下后立即松開:
2.長按后松開:
3.輕輕一滑,同時(shí)松開:
4.按住后不放持續(xù)做滑動(dòng)操作:
PS:從上述結(jié)果來看,我們發(fā)現(xiàn)了一個(gè)問題: 我們實(shí)現(xiàn)OnGestureListener需要實(shí)現(xiàn)所有的手勢,可能我針對(duì)的僅僅是滑動(dòng),但是你還是要去重載, 這顯得很逗逼,是吧,官方肯定會(huì)給出解決方法滴,官方另外給我們提供了一個(gè)SimpleOnGestureListener類 只需把上述的OnGestureListener替換成SimpleOnGestureListener即可!
3.簡單的例子:下滑關(guān)閉Activity,上滑啟動(dòng)新的Activity
這里就用上述的SimpleOnGestureListener來實(shí)現(xiàn)吧:
運(yùn)行效果圖:
實(shí)現(xiàn)代碼:
private GestureDetector mDetector;
private final static int MIN_MOVE = 200; //最小距離
private MyGestureListener mgListener;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//實(shí)例化SimpleOnGestureListener與GestureDetector對(duì)象
mgListener = new MyGestureListener();
mDetector = new GestureDetector(this, mgListener);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
return mDetector.onTouchEvent(event);
}
//自定義一個(gè)GestureListener,這個(gè)是View類下的,別寫錯(cuò)哦!?。?br/> private class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float v, float v1) {
if(e1.getY() - e2.getY() > MIN_MOVE){
startActivity(new Intent(MainActivity.this, MainActivity.class));
Toast.makeText(MainActivity.this, "通過手勢啟動(dòng)Activity", Toast.LENGTH_SHORT).show();
}else if(e1.getY() - e2.getY() < MIN_MOVE){
finish();
Toast.makeText(MainActivity.this,"通過手勢關(guān)閉Activity",Toast.LENGTH_SHORT).show();
}
return true;
}
}
}
結(jié)果分析:從上面的對(duì)比就可以知道,相比起SimpleOnGestureListener使用SimpleOnGestureListener 顯得更加的簡單,想重寫什么方法就重寫什么方法,另外例子比較簡單,大家可以自己試試 其他玩法,比如通過手勢縮放圖片~
4.手勢添加與識(shí)別:
除了上面講解的手勢檢測外,Android還運(yùn)行我們將手勢進(jìn)行添加,然后提供了相關(guān)的識(shí)別API; Android中使用GestureLibrary來代表手勢庫,提供了GestureLibraries工具類來創(chuàng)建手勢庫!
四個(gè)加載手勢庫的靜態(tài)方法:
獲得GestureLibraries對(duì)象后,就可以使用該對(duì)象提供的下述方法來做相應(yīng)操作了:
相關(guān)方法:
- public void addGesture (String entryName, Gesture gesture):添加一個(gè)名為entryName的手勢
- public Set<String> getGestureEntries ():獲得手勢庫中所有手勢的名稱
- public ArrayList<Gesture> getGestures (String entryName):獲得entryName名稱對(duì)應(yīng)的全部手勢
- public ArrayList<Prediction> recognize (Gesture gesture): 從當(dāng)前手勢庫中識(shí)別與gesture匹配的全部手勢
- public void removeEntry (String entryName):刪除手勢庫中entryName名稱對(duì)應(yīng)的手勢
- public void removeGesture (String entryName, Gesture gesture):刪除手勢庫中entryName和gesture都匹配的手勢
- public abstract boolean save ():想手勢庫中添加手勢或從中刪除手勢后調(diào)用該方法保存手勢庫
GestureOverlayView手勢編輯組件:
Android為GestureOverlayView提供了三種監(jiān)聽器接口,如下,一般常用的是:OnGesturePerformedListener;用于手勢完成時(shí)提供響應(yīng)!
5.手勢添加示例:
PS:例子引用的是——李剛《Android瘋狂講義》的代碼
運(yùn)行效果圖:
好吧,下面貼下實(shí)現(xiàn)代碼:
兩個(gè)布局文件:activity_main.xml和dialog_save.xml
activity_main.xml
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="請(qǐng)?jiān)谙路狡聊恢欣L制手勢~"
android:textSize="20sp"/>
<!-- gestureStrokeType控制手勢是否需要一筆完成,multiple表示允許多筆-->
<android.gesture.GestureOverlayView
android:id="@+id/gesture"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gestureStrokeType="multiple" />
</LinearLayout>
dialog_save.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginRight="8dp"
android:text="請(qǐng)?zhí)顚懯謩菝Q:"/>
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/edit_name"/>
</LinearLayout>
<ImageView
android:id="@+id/img_show"
android:layout_width="128dp"
android:layout_height="128dp"
android:layout_marginTop="10dp"/>
</LinearLayout>
MainActivity.java:
private EditText editText;
private GestureOverlayView gesture;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//獲取手勢編輯組件后,設(shè)置相關(guān)參數(shù)
gesture = (GestureOverlayView) findViewById(R.id.gesture);
gesture.setGestureColor(Color.GREEN);
gesture.setGestureStrokeWidth(5);
gesture.addOnGesturePerformedListener(new GestureOverlayView.OnGesturePerformedListener() {
@Override
public void onGesturePerformed(GestureOverlayView gestureOverlayView, final Gesture gesture) {
View saveDialog = getLayoutInflater().inflate(R.layout.dialog_save,null,false);
ImageView img_show = (ImageView) saveDialog.findViewById(R.id.img_show);
final EditText edit_name = (EditText) saveDialog.findViewById(R.id.edit_name);
Bitmap bitmap = gesture.toBitmap(128,128,10,0xffff0000);
img_show.setImageBitmap(bitmap);
new AlertDialog.Builder(MainActivity.this).setView(saveDialog)
.setPositiveButton("保存",new DialogInterface.OnClickListener()
{
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//獲取文件對(duì)應(yīng)的手勢庫
GestureLibrary gestureLib = GestureLibraries.fromFile("/mnt/sdcard/mygestures");
gestureLib.addGesture(edit_name.getText().toString(),gesture);
gestureLib.save();
}
}).setNegativeButton("取消", null).show();
}
});
}
}
最后還需要在AndroidManifest.xml中添加寫入SD卡的權(quán)限:
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
6.手勢識(shí)別示例
實(shí)現(xiàn)代碼:
private GestureOverlayView gesture;
private GestureLibrary gestureLibrary;
private Context mContext;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext = MainActivity.this;
gestureLibrary = GestureLibraries.fromFile("mmt/sdcard/mygestures");
if (gestureLibrary.load()) {
Toast.makeText(mContext, "手勢庫加載成功", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(mContext, "手勢庫加載失敗", Toast.LENGTH_SHORT).show();
}
//獲取手勢編輯組件后,設(shè)置相關(guān)參數(shù)
gesture = (GestureOverlayView) findViewById(R.id.gesture);
gesture.setGestureColor(Color.GREEN);
gesture.setGestureStrokeWidth(5);
gesture.addOnGesturePerformedListener(new GestureOverlayView.OnGesturePerformedListener() {
@Override
public void onGesturePerformed(GestureOverlayView gestureOverlayView, final Gesture gesture) {
//識(shí)別用戶剛繪制的手勢
ArrayList<Prediction> predictions = gestureLibrary.recognize(gesture);
ArrayList<String> result = new ArrayList<String>();
//遍歷所有找到的Prediction對(duì)象
for (Prediction pred : predictions) {
if (pred.score > 2.0) {
result.add("與手勢【" + pred.name + "】相似度為" + pred.score);
}
}
if (result.size() > 0) {
ArrayAdapter<Object> adapter = new ArrayAdapter<Object>(mContext,
android.R.layout.simple_dropdown_item_1line, result.toArray());
new AlertDialog.Builder(mContext).setAdapter(adapter,null).setPositiveButton("確定",null).show();
}else{
Toast.makeText(mContext,"無法找到匹配的手勢!",Toast.LENGTH_SHORT).show();
}
}
});
}
另外別忘了在AndroidManifest.xml文件中加入讀SD卡的權(quán)限:
本節(jié)小結(jié):
好的,本節(jié)介紹了Android中的Gesture手勢,講解了手勢判斷,手勢添加,手勢識(shí)別三個(gè)內(nèi)容 ,大部分例子來自于李剛老師的Android瘋狂講義,有興趣的可以看看該書~謝謝