手势识别器的用法

33.手势识别

(2013-07-31 22:07:33)

转载▼

标签：

android开发

it

分类： libGDX开发教程

1.GestureListener 类

我们做章节选择这个界面的时候，第一个难点就是要解决就是屏幕的

手势识别

，那么如何解决这个问题呢？其实libgdx已经给我们提供了很好的方法，这就是

GestureDetector.GestureListener ，这个其实就是libgdx自做的 手势识别器 ，他可以检测出你当前对屏幕做的操作类型，包括6种操作：翻页 、拖拽、长按、捏、zoom（手指放大）、按下、快速点击 。下面我们就来详细的讲解下，手势识别器是如何使用的。

API定义：这个类是GestureDetector的一个监听，他负责监听 触屏手势 如：翻页 、拖拽、长按、捏、zoom（手指放大）、按下 、快速点击。每个方法返回一个布尔类型，不同的手势识别还会伴随其他几个状态的响应。

功能方法：

（1）fling(float velocityX, float velocityY, int button) ：翻页动作。

第一个参数：X 轴方向滑动的速度。

第二个参数：Y 轴方向滑动的速度。

第三个参数是：鼠标按键的编码，鼠标左键是 0 ，鼠标右键是 1 。

（2）longPress(float x, float y) ：长按。

参数解释：这里面的X Y 代表按下的手指的坐标是多少。

（3） pan(float x, float y, float deltaX, float deltaY) ：划屏动作。

第一个参数：X 轴方向滑动， 手指抬起后的X坐标。

第二个参数：Y 轴方向滑动， 手指抬起后的Y坐标。

第三个参数：X 轴方向滑动的速度，矢量。

第四个参数：Y 轴方向滑动的速度，矢量。

（4） pinch(Vector2 initialPointer1, Vector2 initialPointer2, Vector2 pointer1, Vector2 pointer2) ：手指捏的动作。

我们在捏的动作中需要2个手指来做这个动作，我们定义其中一个手指为“起始手指”，另外一个手指为“第二手指”，来进行区分。

第一个参数： 起始手指在滑动过程中的起始滑动的向量。

第二个参数：第二手指在滑动过程中的起始滑动的向量。

第三个参数：起始手指在进行滑动过程后，当前滑动的向量。

第四个参数：第二手指在进行滑动过程后，当前滑动的向量。

（5） tap(float x, float y, int count, int button) ：快速点击动作，即手指或鼠标，按下后迅速抬起。

第一个参数：手指按下后的 X坐标。

第二个参数：手指按下后的 Y坐标。

第三个参数：点击次数。

第四个参数：进行点击操作的是鼠标左键还是右键，左键返回button为0，右键返回button为1.

（6） touchDown (float x, float y, int count, int button) ：手指按下动作，不论是否手指抬起，只要手指货鼠标按下就立刻响应，tap动作执行前，它都是先执行的。

第一个参数：手指按下后的 X坐标。

第二个参数：手指按下后的 Y坐标。

第三个参数：点击次数。

第四个参数：进行点击操作的是鼠标左键还是右键，左键返回button为0，右键返回button为1.

（7） zoom(float initialDistance, float distance) ：手指向外分开的动作。

PS:zoom是通过计算手指放到屏幕上的初始距离和当前距离来计算要进行缩放操作的缩放比例。

第一个参数：两手指放到屏幕时，手指之间的 初始距离。

第二个参数：两手指不进行缩放操作屏幕时，手指之间的当前距离。

2.图文详解

（1）fling：“翻页”动作，即在滑动过程中，手指既有按下，也有抬起，事件响应效果是在手指抬起后响应。

如图：

（2）longPressed：“长按”动作。

如图：

（3）pan：“划屏”动作。

如图：

（4）pinch：“捏”的动作。

如图：

（5）tap：“快速点击”的动作。

如图：

（6）touchDown：“按下”的动作。

如图：

（7）zoom：“放大”的动作。

如图：

3.SelectScreen 类

上一篇博文，我们讲解了“保卫萝卜”的游戏入口、开始界面、加载界面的内容那么今天我们接着讲解SelectctScreen类---- 章节选择界面。本博文之前的讲解的手势识别器，也是为了这个界面做的只是铺垫，为了方便大家理解，这里就给大家先讲解了。

（1）游戏中固定常量设置。

在游戏中，我们要适应不同的分辨率的手机，那么我们就不能像以前的那样，将坐标写死，那么我们要使用什么办法来实现这个功能呢？我们可以通过让系统自动获取长宽，然后在游戏中凡事要使用坐标的地方都用自动获取的游戏宽高的比例来实现，这样就可以使用不同的设备。

如图：

（2）游戏中基本成员的声明。

如图：

（3）游戏中基本成员的初始化。

如图：

（4）章节图片处理，这里我采用了一个技巧，我将所需的5张图片，分别命名为“1.png”“2.png”“3.png”“4.png”“5.png”,这样就可以再使用TextureAltas寻找的时候建立循环。

如图：

（5）建立一个循环，将我们初始化的Region数组赋给Image数组，同时设置下图片大小，以及章节图片坐标，同时将图片加入舞台。这里要注意的就是偏移量是要变化的，变化是有固定距离的。

如图：

（６）将一个三维向量，赋值为我们游戏舞台相机的位置向量。

如图：

（７）游戏内容绘制。

如图：

（８）游戏章节图片回滚。这个内容我们在“保卫萝卜（三）”中详细学习，其中有很多原理，比较复杂，这里由于篇幅的关系，暂时不讲。

４.完整代码

（１）SelectScreen类中代码。

     package com. 
    potato; 
    
 import com.badlogic.gdx.Gdx; 
    
 import com.badlogic.gdx.InputProcessor; 
    
 import com.badlogic.gdx.Screen; 
    
 import com.badlogic.gdx.audio.Sound; 
    
 import com.badlogic.gdx.graphics.GL10; 
    
 import com.badlogic.gdx.graphics.OrthographicCamera; 
    
 import com.badlogic.gdx.graphics.Texture; 
    
 import com.badlogic.gdx.graphics.g2d.SpriteBatch; 
    
 import com.badlogic.gdx.graphics.g2d.TextureAtlas; 
    
 import com.badlogic.gdx.graphics.g2d.TextureRegion; 
    
 import com.badlogic.gdx.input.GestureDetector; 
    
 import com.badlogic.gdx.input.GestureDetector.GestureListener; 
    
 import com.badlogic.gdx.math.Vector2; 
    
 import com.badlogic.gdx.math.Vector3; 
    
 import com.badlogic.gdx.scenes.scene2d.Actor; 
    
 import com.badlogic.gdx.scenes.scene2d.InputEvent; 
    
 import com.badlogic.gdx.scenes.scene2d.InputListener; 
    
 import com.badlogic.gdx.scenes.scene2d.Stage; 
    
 import com.badlogic.gdx.scenes.scene2d.ui.Image; 
    
 ; 
    
    public  
    class selectScreen  
    implements Screen, GestureListener { 
    
    //游戏舞台的基本宽高 
    
    public  
    static  
    float GAMESTAGE_WIDTH; 
    
    public  
    static  
    float GAMESTAGE_HEIGHT; 
    
    //游戏中选择游戏章节中，章节图标的基本宽高和摆放间隔，以及每张图片回滚速度、相机的X坐标的变化间隔 
    
    public  
    static  
    float CHAPTER_WIDTH; 
    
    public  
    static  
    float CHAPTER_HEIGHT; 
    
    public  
    static  
    float CHAPTER_INTERVAL; 
    
    public  
    static  
    float CHAPTER_ROLLBACKSPEED; 
    
    float disRollBack; 
    
    float touch_X; 
    
    float touch_Y; 
    
    float touchBaseX; 
    
    float touchBaseY; 
    
    float baseOffset; 
    
    float SELECT_STATE ; 
    
    float SELECT_CHAPTER_FIRST ; 
    
    float SELECT_CHAPTER_SECOND; 
    
    float SELECT_CHAPTER_THIRD; 
    
    float SELECT_CHAPTER_FOURTH; 
    
    float SELECT_CHAPTER_FIFTH; 
    
    boolean isRollbackIng; 
    
    boolean isTouching; 
    
    SpriteBatch batch; 
    
    //处理使用图片打包工具打包的图片所需变量。 
    
    TextureAtlas pager; 
    
    TextureRegion[] pages; 
    
    Texture texture; 
    
    Image[] images; 
    
    Stage stage; 
    
    MyGame game; 
    
    Sound sound; 
    
    Sound soundSelect; 
    
    Vector3 beforCameraPos; 
    
    public selectScreen(MyGame game) { 
    
    this. 
    game = game; 
    
    } 
    
    @Override 
    
    public  
    void show() { 
    
        GAMESTAGE_WIDTH = Gdx. 
    graphics. 
    getWidth(); 
    
        GAMESTAGE_HEIGHT = Gdx. 
    graphics. 
    getHeight(); 
    
        CHAPTER_WIDTH = GAMESTAGE_WIDTH *  
    0.625f; 
    
        CHAPTER_HEIGHT = GAMESTAGE_HEIGHT *  
    0.7f; 
    
        CHAPTER_INTERVAL = GAMESTAGE_WIDTH *  
    0.375f; 
    
        CHAPTER_ROLLBACKSPEED = GAMESTAGE_WIDTH /  
    50; 
    
        batch =  
    new SpriteBatch(); 
    
        texture =  
    new Texture(Gdx. 
    files. 
    internal( 
    "data/bg.png")); 
    
        sound = Gdx. 
    audio. 
    newSound(Gdx. 
    files. 
    internal( 
    "data/MenuSelect.ogg")); 
    
        soundSelect = Gdx. 
    audio. 
    newSound(Gdx. 
    files. 
    internal( 
    "data/Select.ogg")); 
    
        stage =  
    new Stage(GAMESTAGE_WIDTH, GAMESTAGE_HEIGHT,  
    false); 
    
        Gdx.