Android 手勢檢測

時間 2019-11-06

原文原文鏈接

概述

在平常開發中，手勢監聽是必不可少的，Android 提供了一個 GestureDetector 來幫助咱們識別一些基本的觸摸手勢（還有 ScaleGestureDetector 能夠識別縮放手勢），讓咱們很方便地實現手勢控制功能。數組

手勢檢測兩個步驟

建立一個 GestureDetector 對象，建立該對象時必須實現一個 OnGestureListener，必須實現裏面五個方法。bash
重寫 onTouchEvent 方法ide

@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(); } 複製代碼

使用手勢實現幾個效果

一、利用手勢檢測實現相似電子書翻頁的圖片切換

在這裏咱們用到的組件時：ViewFlipper。它和 ViewPager 相似不過 ViewPager 幫咱們封裝了能夠滑動，ViewFlipper 使用 ViewFlipper.addView() 方法添加圖片在本身定義一個動畫出現這個效果。動畫

咱們將這個邏輯代碼寫在 onFling（）方法中。這個方法中有 MotionEvent e1, MotionEvent e2, float velocityX, float velocityY 四個屬性，第一二個分別表明記下初始和結束按下的點擊事件，第三四個參數表示 X，Y 方向的速度的值。滑的越快值越大。ui

//  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 動畫介紹與使用this

二、利用手勢檢測實現圖片的放大和縮小

將要實現的邏輯代碼寫到 onScroll 方法中spa

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;
複製代碼