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

 

好了,就写这么多。

           
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值