Android游戏开发:实现手势操作切换图片的实例

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

       手势识别概述

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

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

       手势识别实例

先把两张截图放上来吧:

OK,先上代码:

MySurfaceView.java

Java代码

package com.himi;
import java.util.Vector;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.Log;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.GestureDetector.OnGestureListener;
import android.view.SurfaceHolder.Callback;
import android.view.View.OnTouchListener;
/**
 *@author Himi
 *@ Gesture (上文)触摸屏手势识别
 */
public class MySurfaceViewAnimation extends SurfaceView implements Callback,
    Runnable, OnGestureListener, OnTouchListener {
  private Thread th = new Thread(this);
  private SurfaceHolder sfh;
  private Canvas canvas;
  private Paint paint;
  private Bitmap bmp;
  private GestureDetector gd;
  private int bmp_x, bmp_y;
  private boolean isChagePage;
  private Vector<String> v_str;// 备注1
  public MySurfaceViewAnimation(Context context) {
    super(context);
    v_str = new Vector<String>();
    this.setKeepScreenOn(true);
    bmp = BitmapFactory.decodeResource(getResources(),
        R.drawable.himi_dream);
    sfh = this.getHolder();
    sfh.addCallback(this);
    paint = new Paint();
    paint.setAntiAlias(true);
    this.setLongClickable(true);
    // setLongClickable( true )是必须的,因为 只有这样,
    // 我们当前的SurfaceView(view)才能够处理不同于触屏形式;
    // 例如:ACTION_MOVE,或者多个ACTION_DOWN
    this.setOnTouchListener(this);// 将本类绑定触屏监听器
    gd = new GestureDetector(this);
    gd.setIsLongpressEnabled(true);
  }
  public void surfaceCreated(SurfaceHolder holder) {
    // 当系统调用了此方法才创建了view所以在这里才能取到view的宽高!!有些童鞋总是把东西都放在初始化函数里!
    // 线程最好放在这里来启动,因为放在初始化里的画,那view还没有呢,到了提交画布unlockCanvasAndPost的时候就异常啦!
    bmp_x = (getWidth() - bmp.getWidth()) >> 2;
    bmp_y = (getHeight() - bmp.getHeight()) >> 2;
    th.start();
  }
  public void draw() {
    try {
      canvas = sfh.lockCanvas();
      if (canvas != null) {
        canvas.drawColor(Color.WHITE);// 画布刷屏
        canvas.drawBitmap(bmp, bmp_x, bmp_y, paint);
        paint.setTextSize(20);// 设置文字大小
        paint.setColor(Color.WHITE);
        //这里画出一个矩形方便童鞋们看到手势操作调用的函数都是哪些
        canvas.drawRect(50, 30, 175,120, paint);
        paint.setColor(Color.RED);// 设置文字颜色
        if (v_str != null) {
          for (int i = 0; i < v_str.size(); i++) {
            canvas.drawText(v_str.elementAt(i), 50, 50 + i * 30,
                paint);
          }
        }
      }
    } catch (Exception e) {
      Log.v("Himi", "draw is Error!");
    } finally {
      sfh.unlockCanvasAndPost(canvas);
    }
  }
  @Override
  public void run() {
    // TODO Auto-generated method stub
    while (true) {
      draw();
      try {
        Thread.sleep(100);
      } catch (Exception ex) {
      }
    }
  }
  public void surfaceChanged(SurfaceHolder holder, int format, int width,
      int height) {
  }
  public void surfaceDestroyed(SurfaceHolder holder) {
  }
  // @Override
  // public boolean onTouchEvent(MotionEvent event) {// 备注2
  // return true;
  // }
  @Override
  public boolean onTouch(View v, MotionEvent event) {// 备注3
    if (v_str != null)
      v_str.removeAllElements();
    return gd.onTouchEvent(event);// 备注4
  }
  // --------------以下是使用OnGestureListener手势监听的时候重写的函数---------
  /**
   * @以下方法中的参数解释:
   * @e1:第1个是 ACTION_DOWN MotionEvent 按下的动作
   * @e2:后一个是ACTION_UP MotionEvent 抬起的动作(这里要看下备注5的解释)
   * @velocityX:X轴上的移动速度,像素/秒
   * @velocityY:Y轴上的移动速度,像素/秒
   */
  @Override
  public boolean onDown(MotionEvent e) {
    // ACTION_DOWN
    v_str.add("onDown");
    return false;
  }
  @Override
  // ACTION_DOWN 、短按不移动
  public void onShowPress(MotionEvent e) {
    v_str.add("onShowPress");
  }
  @Override
  // ACTION_DOWN 、长按不滑动
  public void onLongPress(MotionEvent e) {
    v_str.add("onLongPress");
  }
  @Override
  // ACTION_DOWN 、慢滑动
  public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,
      float distanceY) {
    v_str.add("onScroll");
    return false;
  }
  @Override
  // ACTION_DOWN 、快滑动、 ACTION_UP
  public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
      float velocityY) {
    v_str.add("onFling");
    //-------备注5----------
    // if(e1.getAction()==MotionEvent.ACTION_MOVE){
    // v_str.add("onFling");
    // }else if(e1.getAction()==MotionEvent.ACTION_DOWN){
    // v_str.add("onFling");
    // }else if(e1.getAction()==MotionEvent.ACTION_UP){
    // v_str.add("onFling");
    // }
    // if(e2.getAction()==MotionEvent.ACTION_MOVE){
    // v_str.add("onFling");
    // }else if(e2.getAction()==MotionEvent.ACTION_DOWN){
    // v_str.add("onFling");
    // }else if(e2.getAction()==MotionEvent.ACTION_UP){
    // v_str.add("onFling");
    // }
    if (isChagePage)
      bmp = BitmapFactory.decodeResource(getResources(),
          R.drawable.himi_dream);
    else
      bmp = BitmapFactory.decodeResource(getResources(),
          R.drawable.himi_warm);
    isChagePage = !isChagePage;
    return false;
  }
  @Override
  // 短按ACTION_DOWN、ACTION_UP
  public boolean onSingleTapUp(MotionEvent e) {
    v_str.add("onSingleTapUp");
    return false;
  }
}

补充一下:代码初始化手势的时候有这么一句: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 实现手势操作切换图片的资料整理,后续继续补充相关资料,谢谢大家对本站的支持!

时间: 2016-08-18

Android ImageView随手势变化动态缩放图片

在Android实际项目开发中,经常要用到ImageView这个组件,如果纯粹只是用来显示某一张图片,这个原生的组件是很方便的.但有时候为了效果更炫一点,比如很多软件都有的对图片的处理,随着手势的变化来拉大或缩小图片,这时就需要对原生的ImageView做一些处理来达到我们想要的效果. 原理就是Matrix 和PointF的运用,其实明白后一点都不难.我们需要写一个类继承ImageView来实现我们想要的功能,我这里演示的是类名是:ScaleImageView ,主要是重写onTouchEven

Android实现手势滑动多点触摸缩放平移图片效果(二)

上一篇已经带大家实现了自由的放大缩小图片,简单介绍了下Matrix:具体请参考:Android实现手势滑动多点触摸缩放平移图片效果,本篇继续完善我们的ImageView. 首先加入放大后的移动. 1.自由的进行移动 我们在onTouchEvent里面,加上移动的代码,当然了,必须长或宽大于屏幕才可以移动~~~ @Override public boolean onTouch(View v, MotionEvent event) { mScaleGestureDetector.onTouchEve

Android实现手势滑动多点触摸缩放平移图片效果

现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两个手指开始进行放大,放大后,开始移动到指定部位. 一.概述 想要做到图片支持多点触控,自由的进行缩放.平移,需要了解几个知识点:Matrix , GestureDetector , ScaleGestureDetector 以及事件分发机制,ps:不会咋办,不会你懂的. 1.Matrix 矩阵,看深入了都是3维矩阵的乘啊什么的,怪麻烦的~~ 其实这么了解下就行了: Matrix 数据结构:3维矩阵

Android实现手势滑动多点触摸放大缩小图片效果

网上文章虽多,但是这种效果少之又少,我真诚的献上以供大家参考 实现原理:自定义ImageView对此控件进行相应的layout(动态布局). 这里你要明白几个方法执行的流程: 首先ImageView是继承自View的子类. onLayout方法:是一个回调方法.该方法会在在View中的layout方法中执行,在执行layout方法前面会首先执行setFrame方法. setFrame方法:判断我们的View是否发生变化,如果发生变化,那么将最新的l,t,r,b传递给View,然后刷新进行动态更新

Android开发笔记之图片缓存、手势及OOM分析

把图片缓存.手势及OOM三个主题放在一起,是因为在Android应用开发过程中,这三个问题经常是联系在一起的.首先,预览大图需要支持手势缩放,旋转,平移等操作:其次,图片在本地需要进行缓存,避免频繁访问网络:最后,图片(Bitmap)是Android中占用内存的大户,涉及高清大图等处理时,内存占用非常大,稍不谨慎,系统就会报OOM错误. 庆幸的是,这三个主题在Android开发中属于比较普遍的问题,有很多针对于此的通用的开源解决方案.因此,本文主要说明笔者在开发过程中用到的一些第三方开源库.主要

Android实现通过手势控制图片大小缩放的方法

本文实例讲述了Android实现通过手势控制图片大小缩放的方法.分享给大家供大家参考,具体如下: 该程序实现的是通过手势来缩放图片,从左向右挥动图片时图片被放大,从右向左挥动图片时图片被缩小,挥动速度越快,缩放比越大.程序思路如下:在界面中定义一个ImageView来显示图片,使用一个GestureDetector来检测用户的手势,并根据用户的手势在横向的速度来缩放图片. 在介绍这个实例前,先介绍一下Android中处理手势触摸事件的大概框架. 一.添加语句实现OnGestureListener

Android实现图片自动轮播并且支持手势左右无限滑动

废话不多说了,先给大家上左右无限滑动的代码了. 1.左右无限滑动 public class MainActivity extends AppCompatActivity { private static ViewPager viewPager; private RadioGroup group; //图片资源,实际项目需要从网络获取 private int[] imageIds = {R.drawable.ym1, R.drawable.ym2, R.drawable.ym3, R.drawab

Android手势滑动实现两点触摸缩放图片

学习安卓手势滑动,多点触摸放大缩小图片,分享给大家供大家参考,具体代码如下 1.布局文件如下main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" andr

Android应用中实现手势控制图片缩放的完全攻略

一.概述 现在app中,图片预览功能肯定是少不了的,用户基本已经形成条件反射,看到小图,点击看大图,看到大图两个手指开始进行放大,放大后,开始移动到指定部位~~~ 我相信看图的整个步骤,大家或者说用户应该不希望被打断把~~~"我擦,竟然不能放大,什么玩意,卸了~~" , "我擦,竟然不能移动,留有何用,卸了~~". 哈~所以对于图片的预览,一来,我们要让用户爽:二来,我们作为开发者,也得知道如何实现~~~ 想要做到图片支持多点触控,自由的进行缩放.平移,需要了解几个

Android手势滑动实现ImageView缩放图片大小

本文推出了两种Android手势实现ImageView缩放图片大小的方法,分享给大家供大家参考,具体内容如下 方法一: 将以下代码写到MulitPointTouchListener.java中,然后对你相应的图片进行OnTouchListener. 例如:imageView.setOnTouchListener(new MulitPointTouchListener ()); 在xml中要将ImageView的缩放格式改成Matrix 例如:android:scaleType="matrix&q

Android实现手势控制ImageView图片大小

本文实例实现的主要功能是在ImageView中识别手势用以控制图片放大或缩小,具有一定的参考价值,分享给大家. public class MatrixImageView extends ImageView { private GestureDetector mGestureDetector; private Matrix mMatrix = new Matrix(); private float mImageWidth; private float mImageHeight; private f

Android手势控制实现缩放、移动图片

本文实例为大家分享了Android手势控制实现缩放.移动图片的方法,供大家参考,具体内容如下 新建一个触摸监听器类 package com.liyong.btprinter; import android.graphics.Matrix; import android.graphics.PointF; import android.util.FloatMath; import android.view.MotionEvent; import android.view.View; import a

Android 高仿微信朋友圈动态支持双击手势放大并滑动查看图片效果

最近参与了开发一款旅行APP,其中包含实时聊天和动态评论功能,终于耗时几个月几个伙伴完成了,今天就小结一下至于实时聊天功能如果用户不多的情况可以scoket实现,如果用户万级就可以采用开源的smack + opnefile实现,也可以用mina开源+XMMP,至于怎么搭建和实现,估计目前github上一搜一大把,至于即时通讯怕误人子弟,暂且不做介绍,现就把实现的一个微信朋友圈的小功能介绍一下. 先上效果图: 一拿到主流的UI需求,大致分析下,需要我ListView嵌套Gridview,而grid

Android 手势 正则匹配图片实例代码

为没有手势的控件(ViewFlipper) 添加手势 xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools

Android多点触控实现对图片放大缩小平移,惯性滑动等功能

文章将在原有基础之上做了一些扩展功能: 1.图片的惯性滑动 2.图片缩放小于正常比例时,松手会自动回弹成正常比例 3.图片缩放大于最大比例时,松手会自动回弹成最大比例 实现图片的缩放,平移,双击缩放等基本功能的代码如下,每一行代码我都做了详细的注释 public class ZoomImageView extends ImageView implements ScaleGestureDetector.OnScaleGestureListener, View.OnTouchListener , V

Android手势ImageView三部曲 第三部

接着上一节 Android手势ImageView三部曲(二)的往下走,我们讲到了github上的GestureDetector框架, 先附上github链接: https://github.com/Almeros/android-gesture-detectors 其实把这个框架的主体思想也是参考的Android自带的ScaleGestureDetector工具类,ScaleGestureDetector估计是参考的GestureDetector工具类,不管谁参考谁的,既然被我们遇到了,我们就要