【Android遊戲開發十六】Android Gesture之【觸控螢幕手勢識別】操作！利用觸控螢幕手勢實現一個簡單切換圖片的功能！

 李華明Himi 原創,轉載務必在明顯處註明：

轉載自【黑米GameDev街區】 原文連結: http://www.himigame.com/android-game/337.html

很多童鞋說My Code運行後，點擊home或者back後會程式異常，如果你也這樣遇到過，那麼你肯定沒有仔細讀完Himi的博文，第十九篇Himi專門寫了關於這些錯誤的原因和解決方案，這裡我在部落格都補充說明下，省的童鞋們總疑惑這一塊；請點擊下面聯絡進入閱讀：

【Android遊戲開發十九】(必看篇)SurfaceView運行機制詳解—剖析Back與Home按鍵及切入後台等異常處理！

     本文補充：網上很多關於手勢文章都說Android 對手勢的支援是從SDK 1.6 （也就是 API 4）才開始的，但是我用SDK1.5模擬器也能識別!。(本想測試下更低的SDK的支援效果，但是我沒有SDK低於1.5版本的....我手機SDK 2.2的 - -、)，所以查了Api 發現：

          android.view.GestureDetector.OnGestureListener;    since api-1 ,

          android.view.GestureDetector;  since api-1 ,

從API來看從api-1開始就已經支援手勢和手勢監聽器了,那麼很多說api-4才支援這句話也沒錯！因為：android.gesture 這個類是從 api-4才開始支援的,這個類IME手勢識別中會用到!so~

                  結論：觸控螢幕手勢識別是從API-1 就開始支援了。 而IME手勢識別是API-4才開始支援的！這裡要搞清楚!

 

    對於Android 的手勢不光在軟體中會經常用到，比如瀏覽器中的翻頁，滾動頁面等等;當然其實在我們開發Android遊戲的時候加上了Android手勢操作更會讓遊戲增加一個亮點，比如一般的CAG ,PUZ等類型的遊戲選擇關卡啦、簡單背景的移動啦，都可以使用手勢來操作即可，類似前段時間很火的《讓人憤怒的小鳥！》咳咳、不好意思說錯了，是《憤怒的小鳥》，因為總是聽群裡啊，朋友啊說小鳥出新版本啦，小鳥出PC硬碟版啦！ 唉~你說可讓人憤怒，其實說實話，小鳥這個遊戲確實不錯，我所看到的唯一的亮點是這款遊戲的創意！說實話，現在的遊戲沒有做不出來的只有想不出來的好創意、咳咳。回到話題來，那麼下面我們來稍微瞭解下什麼是Android 手勢！

 

   所謂手勢操作，類似跳舞機、EZdancer~這些利用不同動作和音符讓人手舞足蹈一樣，那麼Android這裡的手勢只是讓我們在遊戲和軟體中的操作有了更多的花樣和玩法，根據玩家接觸螢幕時間的長短，在螢幕上滑動的距離，按下抬起的時間等進行了封裝，其實就是Android 對觸屏處理做了封裝和處理。

 

   那麼在Android中其實有兩種手勢識別技術。一種是觸控螢幕手勢識別，另一種是IME手勢識別；兩者比較起來第二種比較靈活，可以自訂手勢，比較high！那麼這一節我們先來介紹第一種手勢識別：觸控螢幕手勢識別;在下篇博文中我會給童鞋們講解IME手勢識別！

 

先把兩張放上來吧：

 

          

 

          

 

OK，老方式，先上代碼：

MySurfaceView.java

package com.himi;<br />import java.util.Vector;<br />import android.content.Context;<br />import android.graphics.Bitmap;<br />import android.graphics.BitmapFactory;<br />import android.graphics.Canvas;<br />import android.graphics.Color;<br />import android.graphics.Paint;<br />import android.util.Log;<br />import android.view.GestureDetector;<br />import android.view.MotionEvent;<br />import android.view.SurfaceHolder;<br />import android.view.SurfaceView;<br />import android.view.View;<br />import android.view.GestureDetector.OnGestureListener;<br />import android.view.SurfaceHolder.Callback;<br />import android.view.View.OnTouchListener;<br />/**<br /> *@author Himi<br /> *@ Gesture （上文）觸控螢幕手勢識別<br /> */<br />public class MySurfaceViewAnimation extends SurfaceView implements Callback,<br />Runnable, OnGestureListener, OnTouchListener {<br />private Thread th = new Thread(this);<br />private SurfaceHolder sfh;<br />private Canvas canvas;<br />private Paint paint;<br />private Bitmap bmp;<br />private GestureDetector gd;<br />private int bmp_x, bmp_y;<br />private boolean isChagePage;<br />private Vector<String> v_str;// 備忘1<br />public MySurfaceViewAnimation(Context context) {<br />super(context);<br />v_str = new Vector<String>();<br />this.setKeepScreenOn(true);<br />bmp = BitmapFactory.decodeResource(getResources(),<br />R.drawable.himi_dream);<br />sfh = this.getHolder();<br />sfh.addCallback(this);<br />paint = new Paint();<br />paint.setAntiAlias(true);<br />this.setLongClickable(true);<br />// setLongClickable( true )是必須的，因為 只有這樣，<br />// 我們當前的SurfaceView(view)才能夠處理不同於觸屏形式;<br />// 例如：ACTION_MOVE，或者多個ACTION_DOWN<br />this.setOnTouchListener(this);// 將本類綁定觸屏監聽器<br />gd = new GestureDetector(this);<br />gd.setIsLongpressEnabled(true);<br />}<br />public void surfaceCreated(SurfaceHolder holder) {<br />// 當系統調用了此方法才建立了view所以在這裡才能取到view的寬高！！有些童鞋總是把東西都放在初始化函數裡！<br />// 線程最好放在這裡來啟動，因為放在初始化裡的畫，那view還沒有呢,到了提交畫布unlockCanvasAndPost的時候就異常啦！<br />bmp_x = (getWidth() - bmp.getWidth()) >> 2;<br />bmp_y = (getHeight() - bmp.getHeight()) >> 2;<br />th.start();<br />}<br />public void draw() {<br />try {<br />canvas = sfh.lockCanvas();<br />if (canvas != null) {<br />canvas.drawColor(Color.WHITE);// 畫布刷屏<br />canvas.drawBitmap(bmp, bmp_x, bmp_y, paint);<br />paint.setTextSize(20);// 設定文字大小<br />paint.setColor(Color.WHITE);<br />//這裡畫出一個矩形方便童鞋們看到手勢操作調用的函數都是哪些<br />canvas.drawRect(50, 30, 175,120, paint);<br />paint.setColor(Color.RED);// 設定文字顏色<br />if (v_str != null) {<br />for (int i = 0; i < v_str.size(); i++) {<br />canvas.drawText(v_str.elementAt(i), 50, 50 + i * 30,<br />paint);<br />}<br />}<br />}<br />} catch (Exception e) {<br />Log.v("Himi", "draw is Error!");<br />} finally {<br />sfh.unlockCanvasAndPost(canvas);<br />}<br />}<br />@Override<br />public void run() {<br />// TODO Auto-generated method stub<br />while (true) {<br />draw();<br />try {<br />Thread.sleep(100);<br />} catch (Exception ex) {<br />}<br />}<br />}<br />public void surfaceChanged(SurfaceHolder holder, int format, int width,<br />int height) {<br />}<br />public void surfaceDestroyed(SurfaceHolder holder) {<br />}<br />// @Override<br />// public boolean onTouchEvent(MotionEvent event) {// 備忘2<br />// return true;<br />// }<br />@Override<br />public boolean onTouch(View v, MotionEvent event) {// 備忘3<br />if (v_str != null)<br />v_str.removeAllElements();<br />return gd.onTouchEvent(event);// 備忘4<br />}<br />// --------------以下是使用OnGestureListener手勢監聽的時候重寫的函數---------<br />/**<br /> * @以下方法中的參數解釋：<br /> * @e1：第1個是 ACTION_DOWN MotionEvent 按下的動作<br /> * @e2：後一個是ACTION_UP MotionEvent 抬起的動作(這裡要看下備忘5的解釋)<br /> * @velocityX：X軸上的移動速度，像素/秒<br /> * @velocityY：Y軸上的移動速度，像素/秒<br /> */<br />@Override<br />public boolean onDown(MotionEvent e) {<br />// ACTION_DOWN<br />v_str.add("onDown");<br />return false;<br />}<br />@Override<br />// ACTION_DOWN 、短按不移動<br />public void onShowPress(MotionEvent e) {<br />v_str.add("onShowPress");<br />}<br />@Override<br />// ACTION_DOWN 、長按不滑動<br />public void onLongPress(MotionEvent e) {<br />v_str.add("onLongPress");<br />}<br />@Override<br />// ACTION_DOWN 、慢滑動<br />public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,<br />float distanceY) {<br />v_str.add("onScroll");<br />return false;<br />}<br />@Override<br />// ACTION_DOWN 、快滑動、 ACTION_UP<br />public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,<br />float velocityY) {<br />v_str.add("onFling");<br />//-------備忘5----------<br />// if(e1.getAction()==MotionEvent.ACTION_MOVE){<br />// v_str.add("onFling");<br />// }else if(e1.getAction()==MotionEvent.ACTION_DOWN){<br />// v_str.add("onFling");<br />// }else if(e1.getAction()==MotionEvent.ACTION_UP){<br />// v_str.add("onFling");<br />// }<br />// if(e2.getAction()==MotionEvent.ACTION_MOVE){<br />// v_str.add("onFling");<br />// }else if(e2.getAction()==MotionEvent.ACTION_DOWN){<br />// v_str.add("onFling");<br />// }else if(e2.getAction()==MotionEvent.ACTION_UP){<br />// v_str.add("onFling");<br />// }<br />if (isChagePage)<br />bmp = BitmapFactory.decodeResource(getResources(),<br />R.drawable.himi_dream);<br />else<br />bmp = BitmapFactory.decodeResource(getResources(),<br />R.drawable.himi_warm);<br />isChagePage = !isChagePage;<br />return false;<br />}<br />@Override<br />// 短按ACTION_DOWN、ACTION_UP<br />public boolean onSingleTapUp(MotionEvent e) {<br />v_str.add("onSingleTapUp");<br />return false;<br />}<br />} 

補充一下：代碼初始化手勢的時候有這麼一句:gd.setIsLongpressEnabled(true);這個函數標識，如果你設定true的話就是開啟了長按鍵，當你長時間觸屏不動就能得到 onLongPress 手勢，如果設定false 那麼你長時間觸屏不移動也得不到這個手勢的支援~此函數不設定也預設設定為true

 

 備忘1:

   這裡我只是給一些不太熟悉這種定義Vector方式的童鞋簡單介紹一下：我們一般定義容器的時候都是直接 Vector vc =new Vector();嗯，沒錯，但是這種Vector<String>的定義是種泛型定義，那麼簡單的說下區別，如果Vector vc =new Vector();這種方式裝入Object的以後，取的時候是不是要把取出的進行強轉一下類型？！ 呵呵，而Vector<String>這種定義的時候就表明了這個容器我只裝String類型的元素，so~取出的時候也不用再去強轉了。

 備忘2 :通過測試發現，這裡仍然響應觸屏時間，即使你把觸屏焦點設定成setFocusableInTouchMode(false)也會調用！！！原因是因為我們本類的view綁定了觸屏事件監聽器，那麼肯定會先響應備忘3，然後我們備忘4這裡沒有 return true而是直接返給了手勢監聽器去監聽，讓監聽器找合適的函數來處理使用者的手勢,也就是說沒有標誌處理完成，所以我們的重寫的onTouchEvent()也會繼續去處理!

備忘5：

這裡注釋的代碼我是在測試兩個動作到底是哪兩個，因為網上介紹Android手勢文章都瘋傳說:

 第一個是MotionEvent.ACTION_DOWN 第二個是MotionEvent.ACTION_MOVE!那麼第一個動作是按下好理解是玩家剛觸屏的動作，第二個是move！難道是移動的點都記錄下來了？？

 其實測試結果發現：

 第一個是MotionEvent.ACTION_DOWN 第二個是MotionEvent.ACTION_UP!

 唉~現在網上的文章真是各種抄襲~就不能測試下？？鬱悶！ 既然這兩個動作一個是按下一個是抬起那就很明確其意義了，我們可以根據

 這兩個動作知道使用者到底滑動的距離等等了，其距離e2.getX()-e1.getX();

 

總結：

1.觸屏後、一直觸屏不動、演變順序：onDown->onShowPress->onLongPress；

2.觸屏後、一直觸屏慢移動是onScroll/快移動是onFling 、手指離開螢幕；

注意 ：觸屏後、一直觸屏移動，如果手指不離開螢幕一直都是onScroll,不管你移動的速度多快,永遠不會是onFling！

 

Ok,手勢雖然挺簡單的，但是如果熟練來使用並且加入遊戲中肯定讓你的Game增色不少~

 

我這裡給出源碼：這個執行個體我只做了一個手勢的處理，因為其他的動作都很簡單不多說了~OK 各位晚安~

源碼: http://www.himigame.com/android-game/337.html