Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> 【Android游戲開發十六】Android Gesture之【觸摸屏手勢識別】操作!利用觸摸屏手勢實現一個簡單切換圖片的功能!

【Android游戲開發十六】Android Gesture之【觸摸屏手勢識別】操作!利用觸摸屏手勢實現一個簡單切換圖片的功能!

編輯:Android開發實例

    本文補充:網上很多關於手勢文章都說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才開始支持的,這個類輸入法手勢識別中會用到!so~

                  結論:觸摸屏手勢識別是從API-1 就開始支持了。 而輸入法手勢識別是API-4才開始支持的!這裡要搞清楚!

 

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

 

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

 

   那麼在Android中其實有兩種手勢識別技術。一種是觸摸屏手勢識別,另一種是輸入法手勢識別;兩者比較起來第二種比較靈活,可以自定義手勢,比較high!那麼這一節我們先來介紹第一種手勢識別:觸摸屏手勢識別;在下篇博文中我會給童鞋們講解輸入法手勢識別

 

 

先把兩張截圖放上來吧:

 

          

 

          

 

OK,老方式,先上代碼:

MySurfaceView.java

  1. package com.himi;  
  2. import java.util.Vector;  
  3. import android.content.Context;  
  4. import android.graphics.Bitmap;  
  5. import android.graphics.BitmapFactory;  
  6. import android.graphics.Canvas;  
  7. import android.graphics.Color;  
  8. import android.graphics.Paint;  
  9. import android.util.Log;  
  10. import android.view.GestureDetector;  
  11. import android.view.MotionEvent;  
  12. import android.view.SurfaceHolder;  
  13. import android.view.SurfaceView;  
  14. import android.view.View;  
  15. import android.view.GestureDetector.OnGestureListener;  
  16. import android.view.SurfaceHolder.Callback;  
  17. import android.view.View.OnTouchListener;  
  18. /**  
  19.  [email protected] Himi  
  20.  *@ Gesture (上文)觸摸屏手勢識別  
  21.  */ 
  22. public class MySurfaceViewAnimation extends SurfaceView implements Callback,  
  23.         Runnable, OnGestureListener, OnTouchListener {  
  24.     private Thread th = new Thread(this);  
  25.     private SurfaceHolder sfh;  
  26.     private Canvas canvas;  
  27.     private Paint paint;  
  28.     private Bitmap bmp;  
  29.     private GestureDetector gd;  
  30.     private int bmp_x, bmp_y;  
  31.     private boolean isChagePage;  
  32.     private Vector<String> v_str;// 備注1  
  33.     public MySurfaceViewAnimation(Context context) {  
  34.         super(context);  
  35.         v_str = new Vector<String>();  
  36.         this.setKeepScreenOn(true);  
  37.         bmp = BitmapFactory.decodeResource(getResources(),  
  38.                 R.drawable.himi_dream);  
  39.         sfh = this.getHolder();  
  40.         sfh.addCallback(this);  
  41.         paint = new Paint();  
  42.         paint.setAntiAlias(true);  
  43.         this.setLongClickable(true);  
  44.         // setLongClickable( true )是必須的,因為 只有這樣,  
  45.         // 我們當前的SurfaceView(view)才能夠處理不同於觸屏形式;  
  46.         // 例如:ACTION_MOVE,或者多個ACTION_DOWN  
  47.         this.setOnTouchListener(this);// 將本類綁定觸屏監聽器  
  48.         gd = new GestureDetector(this);  
  49.         gd.setIsLongpressEnabled(true);  
  50.     }  
  51.     public void surfaceCreated(SurfaceHolder holder) {  
  52.         // 當系統調用了此方法才創建了view所以在這裡才能取到view的寬高!!有些童鞋總是把東西都放在初始化函數裡!  
  53.         // 線程最好放在這裡來啟動,因為放在初始化裡的畫,那view還沒有呢,到了提交畫布unlockCanvasAndPost的時候就異常啦!  
  54.         bmp_x = (getWidth() - bmp.getWidth()) >> 2;  
  55.         bmp_y = (getHeight() - bmp.getHeight()) >> 2;  
  56.         th.start();  
  57.     }  
  58.     public void draw() {  
  59.         try {  
  60.             canvas = sfh.lockCanvas();  
  61.             if (canvas != null) {  
  62.                 canvas.drawColor(Color.WHITE);// 畫布刷屏  
  63.                 canvas.drawBitmap(bmp, bmp_x, bmp_y, paint);   
  64.                 paint.setTextSize(20);// 設置文字大小   
  65.                 paint.setColor(Color.WHITE);  
  66.                 //這裡畫出一個矩形方便童鞋們看到手勢操作調用的函數都是哪些  
  67.                 canvas.drawRect(50, 30, 175,120, paint);  
  68.                 paint.setColor(Color.RED);// 設置文字顏色  
  69.                 if (v_str != null) {  
  70.                     for (int i = 0; i < v_str.size(); i++) {  
  71.                         canvas.drawText(v_str.elementAt(i), 50, 50 + i * 30,  
  72.                                 paint);  
  73.                     }  
  74.                 }  
  75.             }  
  76.         } catch (Exception e) {  
  77.             Log.v("Himi", "draw is Error!");  
  78.         } finally {  
  79.             sfh.unlockCanvasAndPost(canvas);  
  80.         }  
  81.     }  
  82.     @Override 
  83.     public void run() {  
  84.         // TODO Auto-generated method stub  
  85.         while (true) {  
  86.             draw();  
  87.             try {  
  88.                 Thread.sleep(100);  
  89.             } catch (Exception ex) {  
  90.             }  
  91.         }  
  92.     }   
  93.     public void surfaceChanged(SurfaceHolder holder, int format, int width,  
  94.             int height) {  
  95.     }  
  96.     public void surfaceDestroyed(SurfaceHolder holder) {  
  97.     }  
  98.     // @Override  
  99.     // public boolean onTouchEvent(MotionEvent event) {// 備注2  
  100.     // return true;  
  101.     // }  
  102.     @Override 
  103.     public boolean onTouch(View v, MotionEvent event) {// 備注3  
  104.         if (v_str != null)  
  105.             v_str.removeAllElements();  
  106.         return gd.onTouchEvent(event);// 備注4  
  107.     }  
  108.     // --------------以下是使用OnGestureListener手勢監聽的時候重寫的函數---------  
  109.     /**  
  110.      * @以下方法中的參數解釋:  
  111.      * @e1:第1個是 ACTION_DOWN MotionEvent 按下的動作  
  112.      * @e2:後一個是ACTION_UP MotionEvent 抬起的動作(這裡要看下備注5的解釋)  
  113.      * @velocityX:X軸上的移動速度,像素/秒  
  114.      * @velocityY:Y軸上的移動速度,像素/秒  
  115.      */ 
  116.     @Override 
  117.     public boolean onDown(MotionEvent e) {  
  118.         // ACTION_DOWN  
  119.         v_str.add("onDown");  
  120.         return false;  
  121.     }   
  122.     @Override 
  123.     // ACTION_DOWN 、短按不移動  
  124.     public void onShowPress(MotionEvent e) {  
  125.         v_str.add("onShowPress");  
  126.     }   
  127.     @Override 
  128.     // ACTION_DOWN 、長按不滑動  
  129.     public void onLongPress(MotionEvent e) {  
  130.         v_str.add("onLongPress");  
  131.     }  
  132.     @Override 
  133.     // ACTION_DOWN 、慢滑動  
  134.     public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,  
  135.             float distanceY) {  
  136.         v_str.add("onScroll");  
  137.         return false;  
  138.     }  
  139.     @Override 
  140.     // ACTION_DOWN 、快滑動、 ACTION_UP  
  141.     public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,  
  142.             float velocityY) {  
  143.         v_str.add("onFling");  
  144.         //-------備注5----------  
  145.         // if(e1.getAction()==MotionEvent.ACTION_MOVE){  
  146.         // v_str.add("onFling");  
  147.         // }else if(e1.getAction()==MotionEvent.ACTION_DOWN){  
  148.         // v_str.add("onFling");  
  149.         // }else if(e1.getAction()==MotionEvent.ACTION_UP){  
  150.         // v_str.add("onFling");  
  151.         // }  
  152.         // if(e2.getAction()==MotionEvent.ACTION_MOVE){  
  153.         // v_str.add("onFling");  
  154.         // }else if(e2.getAction()==MotionEvent.ACTION_DOWN){  
  155.         // v_str.add("onFling");  
  156.         // }else if(e2.getAction()==MotionEvent.ACTION_UP){  
  157.         // v_str.add("onFling");  
  158.         // }  
  159.         if (isChagePage)  
  160.             bmp = BitmapFactory.decodeResource(getResources(),  
  161.                     R.drawable.himi_dream);  
  162.         else 
  163.             bmp = BitmapFactory.decodeResource(getResources(),  
  164.                     R.drawable.himi_warm);  
  165.         isChagePage = !isChagePage;  
  166.         return false;  
  167.     }  
  168.     @Override 
  169.     // 短按ACTION_DOWN、ACTION_UP  
  170.     public boolean onSingleTapUp(MotionEvent e) {  
  171.         v_str.add("onSingleTapUp");  
  172.         return false;  
  173.     }  

 


補充一下:代碼初始化手勢的時候有這麼一句: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://download.csdn.net/source/2977447

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved