ViewFlipper結合手勢OnGestureListener製作的滑動切換效果

http://gundumw100.iteye.com/blog/905033

OnGestureListener和OnDoubleTapListener接口定義： 

public interface OnGestureListener {
                // Touch down時觸發, e爲down時的MotionEvent
                boolean onDown(MotionEvent e);
                // 在Touch down之後一定時間（115ms）觸發，e爲down時的MotionEvent
                void onShowPress(MotionEvent e);
                // Touch up時觸發，e爲up時的MotionEvent
                boolean onSingleTapUp(MotionEvent e);
                // 滑動時觸發，e1爲down時的MotionEvent，e2爲move時的MotionEvent
                boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY);
                // 在Touch down之後一定時間（500ms）觸發，e爲down時的MotionEvent
                void onLongPress(MotionEvent e);
                // 滑動一段距離，up時觸發，e1爲down時的MotionEvent，e2爲up時的MotionEvent
                boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY);
}

public interface OnDoubleTapListener {
                // 完成一次單擊，並確定沒有二擊事件後觸發（300ms），e爲down時的MotionEvent
                boolean onSingleTapConfirmed(MotionEvent e);
                // 第二次單擊down時觸發，e爲第一次down時的MotionEvent
                boolean onDoubleTap(MotionEvent e);
                // 第二次單擊down,move和up時都觸發，e爲不同時機下的MotionEvent
                boolean onDoubleTapEvent(MotionEvent e);
}

實例： 

import android.app.Activity;
import android.os.Bundle;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.widget.Button;
import android.widget.ViewFlipper;

public class FlingSlideActivity extends Activity implements GestureDetector.OnGestureListener,GestureDetector.OnDoubleTapListener{
    private ViewFlipper mViewFlipper;
    private GestureDetector mGestureDetector;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        mViewFlipper = (ViewFlipper) findViewById(R.id.flipper);
        Button button1 = (Button) findViewById(R.id.Button1);
        button1.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                mViewFlipper.showNext();
            }
        });
        Button button2 = (Button) findViewById(R.id.Button2);
        button2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                mViewFlipper.showNext();
            }
        });
        Button button3 = (Button) findViewById(R.id.Button3);
        button3.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                mViewFlipper.showNext();
            }
        });
        mGestureDetector = new GestureDetector(this);
    }
    //別忘了覆蓋onTouchEvent方法
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        return mGestureDetector.onTouchEvent(event);
    }
    //以下是OnGestureListener需要實現的方法
    public boolean onDown(MotionEvent e) {
        // TODO Auto-generated method stub
        return false;
    }
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
            float velocityY) {
        // TODO Auto-generated method stub
        if(e1.getX() > e2.getX()) {//向左滑動
            mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_left_in);
            mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_left_out);
           mViewFlipper.showNext();
       }else if(e1.getX() < e2.getX()) {//向右滑動
           mViewFlipper.setInAnimation(getApplicationContext(), R.anim.push_right_in);
           mViewFlipper.setOutAnimation(getApplicationContext(), R.anim.push_right_out);
           mViewFlipper.showPrevious();
       }else {
           return false;
       }
       return true;
    }

    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;
    }
    //以下是OnDoubleTapListener需要實現的方法
    public boolean onDoubleTap(MotionEvent e) {
        // TODO Auto-generated method stub
           mViewFlipper.startFlipping(); //雙擊自動切換界面
           return true;
    }
    public boolean onDoubleTapEvent(MotionEvent e) {
        // TODO Auto-generated method stub
        return false;
    }
    public boolean onSingleTapConfirmed(MotionEvent e) {
        // TODO Auto-generated method stub
        if(mViewFlipper.isFlipping()){ //單擊結束自動切換
            mViewFlipper.stopFlipping();
        }
        return false;
    }

}

main.xml 

<?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/flipper"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:persistentDrawingCache="animation"
       android:flipInterval="3000"
       android:inAnimation="@anim/push_left_in"
       android:outAnimation="@anim/push_left_out"
       >
       <LinearLayout
           android:orientation="vertical"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent">
           <Button
              android:text="Next1"
              android:id="@+id/Button1"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </Button>
           <ImageView
              android:id="@+id/image1"
              android:src="@drawable/icon"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </ImageView>
       </LinearLayout>

       <LinearLayout
           android:orientation="vertical"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent">
           <Button
              android:text="Next2"
              android:id="@+id/Button2"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </Button>
           <ImageView
              android:id="@+id/image2"
              android:src="@drawable/icon"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </ImageView>
       </LinearLayout>

       <LinearLayout
           android:orientation="vertical"
           android:layout_width="fill_parent"
           android:layout_height="fill_parent">
           <Button
              android:text="Next3"
              android:id="@+id/Button3"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </Button>
           <ImageView
              android:id="@+id/image3"
              android:src="@drawable/icon"
              android:layout_width="fill_parent"
              android:layout_height="wrap_content">
           </ImageView>
       </LinearLayout>
    </ViewFlipper>
</LinearLayout>

4個動畫文件： 

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.0"
    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.0"
    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.0"
    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.0"
    android:duration="500" />
</set>