android使用GestureDetector實現手勢下滑關閉頁面的效果。

 

          實現類似Android風雲直播手機端注冊登錄頁，當手勢向下滑動的時候，關閉頁面的效果。

                使用GestureDetector來實現這個效果，當手勢在屏幕上面滑動的時候 ，會掉用onFling方法，所以，在這個方法里面做判斷和操作即可。

          好了 ，作為一個老程序員了，原理就不講了，直接上代碼，相信你會看懂的，有問題，直接留言或者聯系我，我會第一時間回復的。

          （今天感謝一個網友@奮斗 的反饋，由於我的失誤，忘記把啟動手勢識別器的代碼貼出來了，所以重新編輯了一下，感謝大家的支持！）

          效果如下：

          

 

 一、實現手勢下滑關閉功能。

          1.在onCreate方法里面重寫 GestureDetector的方法

private GestureDetector mGestureDetector;
 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_login);
     
        mGestureDetector = new GestureDetector(this, new GestureDetector.SimpleOnGestureListener() {
            @Override
            public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
                // if (Math.abs(e1.getRawX() - e2.getRawX()) > 250) {
                // // System.out.println("水平方向移動距離過大");
                // return true;
                // }
                if (Math.abs(velocityY) < 100) {
                    // System.out.println("手指移動的太慢了");
                    return true;
                }

                // 手勢向下 down
                if ((e2.getRawY() - e1.getRawY()) > 200) {
                    finish();//在此處控制關閉
                    return true;
                }
                // 手勢向上 up
                if ((e1.getRawY() - e2.getRawY()) > 200) {
                    return true;
                }
                return super.onFling(e1, e2, velocityX, velocityY);
            }
        });

    }

   調用這句的代碼啟動手勢識別器：

  

     //2.讓手勢識別器 工作起來
    //當activity被觸摸的時候調用的方法.
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        mGestureDetector.onTouchEvent(event);
        return super.onTouchEvent(event);
    }
    

 

   2.同樣，如果你想要控制左滑和右滑，直接使用getRawX()方法即可，可以嘗試。

 

二、實現下拉和上抽動畫效果。

     動畫效果實現，重寫上抽和下拉的動畫效果，可以使用Android自帶的一個方法，在finish()方法之前進行調用：

      overridePendingTransition(R.anim.slide_up_in, R.anim.slide_up_out);

       

R.anim.slide_up_out

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="200"
        android:fromYDelta="0%"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toYDelta="100%" />

</set>

R.anim.slide_up_in:

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromYDelta="-100%"
        android:interpolator="@android:anim/accelerate_interpolator"
        android:toYDelta="0%" />

</set>

      

 

           快去試試吧！