Android 手勢檢測

Keven發表於2019-05-10
Android

概述

在日常開發中，手勢監聽是必不可少的，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，因為等下一次放大或是縮小的時候必須重新賦值，否則會記錄上一次最後的那個距離。

相關文章