IT@程序员猿媛Android开发经验谈Android开发

Android 手势检测

2019-05-10  本文已影响11人  kevenZheng

概述

在日常开发中,手势监听是必不可少的,Android 提供了一个 GestureDetector 来帮助我们识别一些基本的触摸手势(还有 ScaleGestureDetector 可以识别缩放手势),让我们很方便地实现手势控制功能。

手势检测两个步骤

  1. 创建一个 GestureDetector 对象,创建该对象时必须实现一个 OnGestureListener,必须实现里面五个方法。

  2. 重写 onTouchEvent 方法

@Override
public boolean onTouchEvent(MotionEvent event) {
    // TODO Auto-generated method stub
    return gesture.onTouchEvent(event);
}

Android 中一些常用的手势监听方法

    @Override
    public boolean onTouchEvent(MotionEvent me) {
        if (detector != null)
            return detector.onTouchEvent(me);
        else
            return scDetector.onTouchEvent(me);
    }

    //用户按下屏幕就会触发
    @Override
    public boolean onDown(MotionEvent arg0) {
        Toast.makeText(this, "onDown", Toast.LENGTH_SHORT).show();
        return false;
    }

    //用户按下触摸屏、快速移动后松开,由1个MotionEvent ACTION_DOWN,    
    //多个ACTION_MOVE, 1个ACTION_UP触发    
    //e1:第1个ACTION_DOWN MotionEvent    
    //e2:最后一个ACTION_MOVE MotionEvent    
    //velocityX:X轴上的移动速度,像素/秒    
    //velocityY:Y轴上的移动速度,像素/秒    
    @Override
    public boolean onFling(MotionEvent arg0, MotionEvent arg1, float arg2,float arg3) {
        Toast.makeText(this, "onFling", Toast.LENGTH_SHORT).show();
        return false;
    }

    //用户长按触摸屏,由多个MotionEvent ACTION_DOWN触发   
    @Override
    public void onLongPress(MotionEvent arg0) {
        Toast.makeText(this, "onLongPress", Toast.LENGTH_SHORT).show();
    }

    //用户按下触摸屏,并拖动,由1个MotionEvent ACTION_DOWN, 多个ACTION_MOVE触发   
    @Override
    public boolean onScroll(MotionEvent arg0, MotionEvent arg1, float arg2,
                            float arg3) {
        Toast.makeText(this, "onScroll", Toast.LENGTH_SHORT).show();
        return false;
    }

    //如果是按下的时间超过瞬间,而且在按下的时候没有松开或者是拖动的,
    // 那么onShowPress就会执行 
    @Override
    public void onShowPress(MotionEvent arg0) {
        Toast.makeText(this, "onShowPress", Toast.LENGTH_SHORT).show();
    }

    //用户(轻触触摸屏后)松开,由一个1个MotionEvent ACTION_UP触发    
    @Override
    public boolean onSingleTapUp(MotionEvent arg0) {
        Toast.makeText(this, "onSingleTapUp", Toast.LENGTH_SHORT).show();
        return true;
    }

    //-----------------------implement OnScaleGestureListener's method----------------------//

    @Override
    public boolean onScale(ScaleGestureDetector detector) {
        Toast.makeText(MainActivity.this, "onScale", Toast.LENGTH_SHORT).show();
        return true;
    }

    @Override
    public boolean onScaleBegin(ScaleGestureDetector detector) {
        Toast.makeText(MainActivity.this, "onScaleBegin", Toast.LENGTH_SHORT).show();
        return true;
    }

    @Override
    public void onScaleEnd(ScaleGestureDetector detector) {
        Toast.makeText(MainActivity.this, "onScaleEnd", Toast.LENGTH_SHORT).show();
    }

使用手势实现几个效果

1、利用手势检测实现类似电子书翻页的图片切换

在这里我们用到的组件时:ViewFlipper。它和 ViewPager 类似不过 ViewPager 帮我们封装了可以滑动,ViewFlipper 使用 ViewFlipper.addView() 方法添加图片在自己定义一个动画出现这个效果。

我们将这个逻辑代码写在 onFling()方法中。这个方法中有 MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY 四个属性,第一二个分别代表记下初始和结束按下的点击事件,第三四个参数表示 X,Y 方向的速度的值。滑的越快值越大。

    //  animations 定义的是一个动画数组
    if (e2.getX()-e1.getX()>50) {
        //从左向右滑,显示上一页。
        vf.setOutAnimation(animations[3]);
        vf.setInAnimation(animations[2]);
        vf.showPrevious();
    }else if (e2.getX()-e1.getX()<-50) {
        //从右向左滑,下一页
        vf.setOutAnimation(animations[1]);
        vf.setInAnimation(animations[0]);
        vf.showNext();
    }

具体动画的实现,可以参考
Android 动画 介绍与使用

2、 利用手势检测实现图片的放大和缩小

将要实现的逻辑代码写到 onScroll 方法中

 System.out.println(e2.getPointerCount());
    if (e2.getPointerCount()==2) {
        float X=e2.getX(0)-e2.getX(1);
        float Y=e2.getY(0)-e2.getX(1);
        float current=(float) Math.sqrt(X*X+Y*Y);
        if (lastCurrent<0) {
            lastCurrent=current;
        }else {
            
            LayoutParams params=(LayoutParams) imageView.getLayoutParams();
            if (lastCurrent-current>0) {
                //两点距离变小
                System.out.println("缩小");
                lastCurrent=current;
                //缩小
                params.width=(int) (0.9*imageView.getWidth());
                params.height=(int) (0.9*imageView.getHeight());
                //最小缩到宽度为100
                if (params.width>1) {
                    imageView.setLayoutParams(params);
                }

            }else if (current-lastCurrent>0) {
                System.out.println("放大");
                lastCurrent=current;
                //放大
                params.width=(int) (1.1*imageView.getWidth());
                params.height=(int) (1.1*imageView.getHeight());
                //最大放大宽度为1000
                if (params.width<10000) {
                    imageView.setLayoutParams(params);
                }
            }
        }
        
    }
    return false;

其中 lastCurrent 定义的是一个全局变量,初始化在 onDown 方法中 lastCurrent=-1f,因为等下一次放大或是缩小的时候必须重新赋值,否则会记录上一次最后的那个距离。

上一篇下一篇

猜你喜欢

热点阅读