【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper

GestureDetector类定义了许多触摸事件。包括

1.boolean onDoubleTap(MotionEvent e)解释：双击的第二下Touch down时触发

2.boolean onDoubleTapEvent(MotionEvent e)解释：双击的第二下Touch down和up都会触发，可用e.getAction()区分。

3.boolean onDown(MotionEvent e)解释：Touch down时触发

4.boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)解释：Touch了滑动一点距离后，up时触发。

5.void onLongPress(MotionEvent e)解释：Touch了不移动一直Touch down时触发

6.boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)解释：Touch了滑动时触发。

7.void onShowPress(MotionEvent e)解释：Touch了还没有滑动时触发（与onDown，onLongPress）比较onDown只要Touch down一定立刻触发。而Touchdown后过一会没有滑动先触发onShowPress再是onLongPress。所以Touchdown后一直不
滑动，onDown->onShowPress->onLongPress这个顺序触发。

8.boolean onSingleTapConfirmed(MotionEvent e)

9.boolean onSingleTapUp(MotionEvent e)解释：上面这两个函数都是在touch down后又没有滑动（onScroll），又没有长按（onLongPress），然后Touchup时触发。

点击一下非常快的（不滑动）Touchup：onDown->onSingleTapUp->onSingleTapConfirmed

点击一下稍微慢点的（不滑 动）Touchup：onDown->onShowPress->onSingleTapUp->onSingleTapConfirmed

屏幕切换指的是在同一个Activity内屏幕见的切换。

通过GestureDetector、OnGestureListener实现滑屏事件。ViewFlipper是继承至FrameLayout的，所以它是一个Layout里面可以放置多个View。示例中第一页仅放了一个按钮BUTTON，向下滑屏时，每页都只放了一个TEXTVIEW。

页面：

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:Android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

>

<ViewFlipper android:id="@+id/ViewFlipper01"

android:layout_width="fill_parent" android:layout_height="fill_parent">

</ViewFlipper>

</LinearLayout>

Activity代码:

view plaincopy to clipboardprint?

package com.yfz;

import android.app.Activity;

import android.os.Bundle;

import android.util.Log;

import android.view.GestureDetector;

import android.view.MotionEvent;

import android.view.View;

import android.view.GestureDetector.OnGestureListener;

import android.view.ViewGroup.LayoutParams;

import android.view.animation.AnimationUtils;

import android.widget.Button;

import android.widget.ExpandableListView;

import android.widget.TextView;

import android.widget.ViewFlipper;

public class Flip extends Activity implements OnGestureListener {

private GestureDetector detector;

private ViewFlipper flipper;

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

flipper = (ViewFlipper) this.findViewById(R.id.ViewFlipper01);

flipper.addView(addButtonByText("按钮"),new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

detector = new GestureDetector(this);

}

public View addButtonByText(String text){

Button btn = new Button(this);

btn.setText(text);

return btn;

}

public View addTextByText(String text){

TextView tv = new TextView(this);

tv.setText(text);

tv.setGravity(1);

return tv;

}

@Override

public boolean onTouchEvent(MotionEvent event) {

Log.i("Fling", "Activity onTouchEvent!");

return this.detector.onTouchEvent(event);

}

@Override

public boolean onDown(MotionEvent e) {

// TODO Auto-generated method stub

return false;

}

/**

* 监听滑动

*/

@Override

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,

float velocityY) {

// TODO Auto-generated method stub

Log.i("Fling", "Fling Happened!");

if (e1.getX() - e2.getX() > 120) {

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_in));

this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_left_out));

this.flipper.addView(addTextByText("文本框"),new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

this.flipper.showNext();

return true;

} else if (e1.getX() - e2.getX() < -120) {

this.flipper.setInAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_in));

this.flipper.setOutAnimation(AnimationUtils.loadAnimation(this,R.anim.push_right_out));

this.flipper.showPrevious();

return true;

}

return true;

}

@Override

public void onLongPress(MotionEvent e) {

// TODO Auto-generated method stub

}

@Override

public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,

float distanceY) {

// TODO Auto-generated method stub

return false;

}

@Override

public void onShowPress(MotionEvent e) {

// TODO Auto-generated method stub

}

@Override

public boolean onSingleTapUp(MotionEvent e) {

// TODO Auto-generated method stub

return false;

}

}

这里实现的功能是从右往左滑动则切换到上一个View，从左往右滑动则切换到下一个View，并且使用不同的in、out 动画使切换效果看起来统一一些。

滑屏实现：

通过android.view.GestureDetector类可以检测各种手势事件，该类有两个回调接口分别用来通知具体的事件：

GestureDetector.OnDoubleTapListener：用来通知DoubleTap事件，类似于鼠标的双击事件，该接口有如下三个回调函数：

1. onDoubleTap(MotionEvent e)：通知DoubleTap手势，

2. onDoubleTapEvent(MotionEvent e)：通知DoubleTap手势中的事件，包含down、up和move事件（这里指的是在双击之间发生的事件，例如在同一个地方双击会产生DoubleTap手势，而在DoubleTap手势里面还会发生down和up事件，这两个事件由该函数通知）；

3. onSingleTapConfirmed(MotionEvent e)：用来判定该次点击是SingleTap而不是DoubleTap，如果连续点击两次就是DoubleTap手势，如果只点击一次，系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap，然后触发SingleTapConfirmed事件。

GestureDetector.OnGestureListener：用来通知普通的手势事件，该接口有如下六个回调函数：

1. onDown(MotionEvent e)：down事件；

2. onSingleTapUp(MotionEvent e)：一次点击up事件；

3. onShowPress(MotionEvent e)：down事件发生而move或则up还没发生前触发该事件；

4. onLongPress(MotionEvent e)：长按事件；

5. onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY)：滑动手势事件；

6. onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)：在屏幕上拖动事件。

本次仅用到了OnGestureListener类中的onFling方法。 其他手势事件各位可以自己回去试验。

简单说明：

要实现屏幕切换的话，首先需要定义一个GestureDetector：

private GestureDetector mGestureDetector;

并在onCreate函数中初始化：

mGestureDetector = new GestureDetector(this);

同时Activity要继承OnGestureListener接口，并实现其中的onFling方法。

另外Activity的onTouchEvent事件也要实现！！

另外本例View切换时还有动画效果。使用Animation类实现，相关的函数：

setInAnimation：设置View进入屏幕时候使用的动画，该函数有两个版本:

一个接受单个参数，类型为android.view.animation.Animation；

一个接受两个参数，类型为Context和int，分别为Context对象和定义Animation的resourceID。

setOutAnimation: 设置View退出屏幕时候使用的动画，参数setInAnimation函数一样。

showNext： 调用该函数来显示FrameLayout里面的下一个View。

showPrevious： 调用该函数来显示FrameLayout里面的上一个View。

动画源文件: （在res目录下，创建一个anim文件夹，把下面的文件都放在这里）

push_left_in.xml

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

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

<translate android:fromXDelta="100%p" android:toXDelta="0"

android:duration="500" />

<alpha android:fromAlpha="0.1" android:toAlpha="1.0"

android:duration="500" />

</set>

push_left_out.xml:

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

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

<translate android:fromXDelta="0" android:toXDelta="-100%p"

android:duration="500" />

<alpha android:fromAlpha="1.0" android:toAlpha="0.1"

android:duration="500" />

</set>

push_right_in.xml：

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

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

<translate android:fromXDelta="-100%p" android:toXDelta="0"

android:duration="500" />

<alpha android:fromAlpha="0.1" android:toAlpha="1.0"

android:duration="500" />

</set>

push_right_out.xml：

view plaincopy to clipboardprint?

<?xml version="1.0" encoding="utf-8"?>

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

<translate android:fromXDelta="0" android:toXDelta="100%p"

android:duration="500" />

<alpha android:fromAlpha="1.0" android:toAlpha="0.1"

android:duration="500" />

</set>