【Android】滑动屏幕效果GestureDetector、OnGestureListener、ViewFlipper - 老菜_

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

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

页面：

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

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

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

<?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：

<?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：

<?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>

好了，就写这么多。

转自：http://dev.10086.cn/cmdn/wiki/index.php?doc-view-5501.html

发表于 2012-03-23 14:33 老菜_ 阅读(186) 评论(0) 编辑收藏举报