【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper-白红宇

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

阅读量：5862 次

发布时间：2019-06-19

本文共 6227 字，大约阅读时间需要 20 分钟。

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

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

页面：

[xhtml]

<?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代码:

[java]

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;