Gesture 通过手势实现翻书效果

package com.test.gesturetest;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.GestureDetector;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.ViewFlipper;

/**
* 通过手势实现翻书效果
*/
public class GestureFlipActivity extends AppCompatActivity implements GestureDetector.OnGestureListener {
GestureDetector mDetector;
ViewFlipper mFlipper;

//定义一个动画数组用于为 ViewFlipper指定切换动画效果
Animation[] anims = new Animation[4];
//定义两个手势动作两点之间的最小距离
int FLIP_DISTANCE = 50;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_gesture_flip);

mDetector = new GestureDetector(this, this);

mFlipper = (ViewFlipper) findViewById(R.id.flipper);

//为ViewFlipper 添加几个 ImageView组件
mFlipper.addView(aaddImageView(R.drawable.ajax));
mFlipper.addView(aaddImageView(R.drawable.classic));
mFlipper.addView(aaddImageView(R.drawable.ee));
mFlipper.addView(aaddImageView(R.drawable.flower));
mFlipper.addView(aaddImageView(R.drawable.java));
mFlipper.addView(aaddImageView(R.drawable.lijiang));
mFlipper.addView(aaddImageView(R.drawable.xml));

//初始化动画数组
anims[0] = AnimationUtils.loadAnimation(this, R.anim.left_in); //左进
anims[1] = AnimationUtils.loadAnimation(this, R.anim.left_out); //左出
anims[2] = AnimationUtils.loadAnimation(this, R.anim.right_in); //右进
anims[3] = AnimationUtils.loadAnimation(this, R.anim.right_out); //右出
}

//定义 添加Imageiew的工具方法
public View aaddImageView(int resId) {

ImageView imageView = new ImageView(this);
imageView.setImageResource(resId);
imageView.setScaleType(ImageView.ScaleType.CENTER);

return imageView;
}

//重写该方法就是要把 activity的触屏事件交给 GestureDetector 处理
@Override
public boolean onTouchEvent(MotionEvent event) {
return mDetector.onTouchEvent(event);
}

@Override
public boolean onDown(MotionEvent e) {
return false;
}

@Override
public void onShowPress(MotionEvent e) {

}

@Override
public boolean onSingleTapUp(MotionEvent e) {
return false;
}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
return false;
}

@Override
public void onLongPress(MotionEvent e) {

}

@Override
public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {

//如果第一个触点事件的X坐标 大于第2个触点事件的y坐标 超过 FLIP_DISTANCE
if (e1.getX() - e2.getX() > FLIP_DISTANCE) {
mFlipper.setInAnimation(anims[0]);
mFlipper.setOutAnimation(anims[1]);

mFlipper.showPrevious();
return true;
}

//如果第2个触点x坐标 大于 第1个触点坐标 超过 FLIP_DISTANCE
else if (e2.getX() - e1.getX() > FLIP_DISTANCE) {
mFlipper.setInAnimation(anims[2]);
mFlipper.setOutAnimation(anims[3]);
mFlipper.showNext();
return true;
}

return false;
}
}

布局界面

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.test.gesturetest.GestureZoomActivity">
<ImageView
android:id="@+id/show"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:scaleType="center"
/>
</RelativeLayout>

　动画资源

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

</set>

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

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

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