Android使用ViewFlipper做页面切换，与手势滑动切换的使用。

Android系统自带有一个多页面管理的控件：ViewFlipper.

它可以简单实现子页面的切换，，，

它只需使用addView方法添加几个View，每个View对应的是一个页面，即可完成对于多页面的管理，，，

在android上实现手势的识别也比较简单，可以实现OnTouchListener和OnGuestureListener接口，

然后在OnTouch函数中注册GestureDetector来判别手势动作，

参考一位大牛的文章：

http://wang-peng1.iteye.com/blog/572886

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)：在屏幕上拖动事件。

主要判断是在onFling()函数里面，e1表示开始按下去的位置信息，e2表示抬起时的位置信息，因此可以通过它们在x轴上面 的距离差来是左滑还是右滑。。。

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // TODO Auto-generated method stub if (e2.getX()-e1.getX() > 100) { // fling right showNextView(); } else if (e1.getX() - e2.getX() > 100) { // fling left showPreviousView(); } return false; }

资源文件：

<?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"> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"> <Button android:id="@+id/btnPrev" android:text="Previous" android:layout_width="wrap_content" android:layout_height="wrap_content" /> <Button android:id="@+id/btnNext" android:text="Next" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> <ViewFlipper android:id="@+id/vfFlingTest" android:layout_width="fill_parent" android:layout_height="fill_parent"></ViewFlipper> </LinearLayout>

代码：

package com.sf.learn; import android.app.Activity; import android.os.Bundle; import android.view.GestureDetector; import android.view.KeyEvent; import android.view.MotionEvent; import android.view.View; import android.view.GestureDetector.OnGestureListener; import android.view.View.OnClickListener; import android.view.View.OnTouchListener; import android.view.ViewGroup.LayoutParams; import android.view.animation.AnimationUtils; import android.widget.Button; import android.widget.EditText; import android.widget.ImageView; import android.widget.TextView; import android.widget.ViewFlipper; public class FlingTest extends Activity implements OnTouchListener, OnGestureListener{ private Button btnPrev; private Button btnNext; private ViewFlipper vfFlingTest; private TextView tvFlipper; private EditText etFlipper; private ImageView ivFlipper; private GestureDetector mGestureDetector; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.fling_test); btnPrev = (Button)findViewById(R.id.btnPrev); btnNext = (Button)findViewById(R.id.btnNext); vfFlingTest = (ViewFlipper)findViewById(R.id.vfFlingTest); initViews(); vfFlingTest.addView(tvFlipper); vfFlingTest.addView(etFlipper); vfFlingTest.addView(ivFlipper); vfFlingTest.setOnTouchListener(this); vfFlingTest.setLongClickable(true); mGestureDetector = new GestureDetector(this); btnPrev.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub showPreviousView(); } }); btnNext.setOnClickListener(new OnClickListener() { public void onClick(View v) { // TODO Auto-generated method stub showNextView(); } }); } public void showPreviousView() { vfFlingTest.setInAnimation(AnimationUtils.loadAnimation( this, R.anim.slide_right_in)); vfFlingTest.setOutAnimation(AnimationUtils.loadAnimation( this, R.anim.slide_left_out)); vfFlingTest.showPrevious(); } public void showNextView() { vfFlingTest.setInAnimation(AnimationUtils.loadAnimation( this, R.anim.slide_left_in)); vfFlingTest.setOutAnimation(AnimationUtils.loadAnimation( this, R.anim.slide_right_out)); vfFlingTest.showNext(); } private void initViews() { tvFlipper = new TextView(this); tvFlipper.setText("this is a text view!"); etFlipper = new EditText(this); etFlipper.setText("this is a text view!"); ivFlipper = new ImageView(this); ivFlipper.setLayoutParams(new LayoutParams( LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT)); ivFlipper.setImageResource(R.drawable.pic1); } @Override protected void onDestroy() { // TODO Auto-generated method stub android.os.Process.killProcess(android.os.Process.myPid()); super.onDestroy(); } @Override public boolean onKeyDown(int keyCode, KeyEvent event) { // TODO Auto-generated method stub if (keyCode == KeyEvent.KEYCODE_BACK) { finish(); return true; } return super.onKeyDown(keyCode, event); } public boolean onTouch(View view, MotionEvent event) { // TODO Auto-generated method stub return mGestureDetector.onTouchEvent(event); } public boolean onDown(MotionEvent arg0) { // TODO Auto-generated method stub return false; } public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // TODO Auto-generated method stub if (e2.getX()-e1.getX() > 100) { // fling right showNextView(); } else if (e1.getX() - e2.getX() > 100) { // fling left showPreviousView(); } return false; } public void onLongPress(MotionEvent e) { // TODO Auto-generated method stub } public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { // TODO Auto-generated method stub return false; } public void onShowPress(MotionEvent e) { // TODO Auto-generated method stub } public boolean onSingleTapUp(MotionEvent e) { // TODO Auto-generated method stub return false; } }

还有就是一个页面切换的简单动画效果（slide_right_out.xml），

其它的自己扩展，，，

<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <translate android:fromXDelta="0%p" android:toXDelta="100%p" android:duration="1000" /> </set>