Android触屏滑动事件总结

屏幕切换指的是在同一个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" 
   > 
   <ViewFlipperandroid: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; 
importandroid.view.GestureDetector.OnGestureListener; 
import android.view.ViewGroup.LayoutParams; 
importandroid.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{ 
     
    privateGestureDetector detector; 
    privateViewFlipper flipper; 
     
    
   @Override 
    public voidonCreate(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 ViewaddButtonByText(String text){ 
       Button btn = newButton(this);   
       btn.setText(text);   
       returnbtn;   
   }   
    public ViewaddTextByText(String text){ 
       TextView tv = newTextView(this);   
       tv.setText(text);   
       tv.setGravity(1);   
       returntv;   
   }   
     
   @Override 
    publicboolean onTouchEvent(MotionEvent event) { 
       Log.i("Fling", "Activity onTouchEvent!"); 
       return this.detector.onTouchEvent(event); 
   } 
   @Override 
    publicboolean onDown(MotionEvent e) { 
       // TODO Auto-generated method stub 
       return false; 
   } 
     
    
   @Override 
    publicboolean onFling(MotionEvent e1, MotionEvent e2, floatvelocityX, 
           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 voidonLongPress(MotionEvent e) { 
       // TODO Auto-generated method stub 
         
   } 
   @Override 
    publicboolean onScroll(MotionEvent e1, MotionEvent e2, floatdistanceX, 
           float distanceY) { 
       // TODO Auto-generated method stub 
       return false; 
   } 
   @Override 
    public voidonShowPress(MotionEvent e) { 
       // TODO Auto-generated method stub 
         
   } 
   @Override 
    publicboolean onSingleTapUp(MotionEvent e) { 
       // TODO Auto-generated method stub 
       return false; 
   } 
} 
 

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

滑屏实现：

通过android.view.GestureDetector类可以检测各种手势事件，该类有两个回调接口分别用来通知具体的事件：
 
GestureDetector.OnDoubleTapListener：用来通知DoubleTap事件，类似于鼠标的双击事件，该接口有如下三个回调函数：
 
1.   onDoubleTap(MotionEvente)：通知DoubleTap手势，
2.   onDoubleTapEvent(MotionEvente)：通知DoubleTap手势中的事件，包含down、up和move事件（这里指的是在双击之间发生的事件，例如在同一个地方双击会产生DoubleTap手势，而在DoubleTap手势里面还会发生down和up事件，这两个事件由该函数通知）；
3.  onSingleTapConfirmed(MotionEvent e)：用来判定该次点击是SingleTap而不是DoubleTap，如果连续点击两次就是DoubleTap手势，如果只点击一次，系统等待一段时间后没有收到第二次点击则判定该次点击为SingleTap而不是DoubleTap，然后触发SingleTapConfirmed事件。
GestureDetector.OnGestureListener：用来通知普通的手势事件，该接口有如下六个回调函数：
1.   onDown(MotionEvente)：down事件；
2.   onSingleTapUp(MotionEvente)：一次点击up事件；
3.   onShowPress(MotionEvente)：down事件发生而move或则up还没发生前触发该事件；
4.   onLongPress(MotionEvente)：长按事件；
5.   onFling(MotionEvent e1,MotionEvent e2, float velocityX, floatvelocityY)：滑动手势事件；
6.   onScroll(MotionEvent e1,MotionEvent e2, float distanceX, floatdistanceY)：在屏幕上拖动事件。
本次仅用到了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>