Android游戏开发16:触摸屏手势识别编程 实现手势操作切换图片的实例

       对于Android 的手势不光在软件中会经常用到,比如浏览器中的翻页,滚动页面等等;当然其实在我们开发Android游戏的时候加上了Android手势操作更会让游戏增加一个亮点,比如一般的CAG、PUZ等类型的游戏选择关卡、简单背景的移动等,都可以使用手势来操作即可,类似前段时间很火的《愤怒的小鸟》,小鸟这个游戏确实不错,我所看到的唯一的亮点是这款游戏的创意!说实话,现在的游戏没有做不出来的只有想不出来的好创意。回到话题来,那么下面我们来了解下什么是Android 手势!

       手势识别概述

       所谓手势操作,类似跳舞机、EZdancer等这些利用不同动作和音符让人手舞足蹈一样,那么Android这里的手势只是让我们在游戏和软件中的操作有了更多的花样和玩法,根据玩家接触屏幕时间的长短,在屏幕上滑动的距离,按下抬起的时间等进行了包装,其实就是Android 对触屏处理做了包装和处理。

       那么在Android中其实有两种手势识别技术。一种是触摸屏手势识别,另一种是输入法手势识别。两者比较起来第二种比较灵活,可以自定义手势,比较high!那么这一节我们先来介绍第一种手势识别:触摸屏手势识别。在下篇博文中我会给童鞋们讲解输入法手势识别!

       手势识别实例

       先把两张截图放上来吧:

Android触摸屏手势识别编程 实现手势操作切换图片的实例

Android触摸屏手势识别编程 实现手势操作切换图片的实例

       OK,先上代码:

       MySurfaceView.java

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.  *@author 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(5030175,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), 5050 + 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.     }   
  174. }  

       补充一下:代码初始化手势的时候有这么一句: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增色不少。

       这个实例我只做了一个手势的处理,因为其他的动作都很简单就不多说了。

       补充内容:

       网上很多关于手势文章都说Android 对手势的支持是从SDK 1.6 (也就是 API 4)才开始的,但是我用SDK1.5模拟器也能识别!(本想测试下更低的SDK的支持效果,但是我没有SDK低于1.5版本的),所以查了Api 发现:

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

          android.view.GestureDetector;  since api-1 ,

       从API来看从api-1开始就已经支持手势和手势监听器了,那么很多说api-4才支持这句话也没错!因为:android.gesture 这个类是从 api-4才开始支持的,这个类输入法手势识别中会用到。

       结论:触摸屏手势识别是从API-1 就开始支持了。 而输入法手势识别是API-4才开始支持的!这里要搞清楚!


android开发学习网 » Android游戏开发16:触摸屏手势识别编程 实现手势操作切换图片的实例