Android的屏幕切换动画—左右滑动切换

预备知识：

      在使用自定义视图的时候，对触屏事件的处理是比不可少的，有能力的可以自己写代码处理，这样更加的灵活。如果不想这么麻烦，Android提供了一个手势监听类GestureDetector，可以供我们使用。先看一下 GestureDetector类的继承关系：

 public classGestureDetectorextends Objectjava.lang.Object   ↳ android.view.GestureDetector

本示例通过GestureDetector.OnGestureListener和overridePendingTransition()方法实现手势滑屏效果，先看效果：

下面是程序代码：

package com.jph.activityflip;import android.os.Bundle;import android.app.Activity;import android.content.Intent;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.Menu;import android.view.MotionEvent;/** * Describe:</br> * 滑动的窗口： * 本实例实现了窗口之间的滑动打开和关闭效果。 * 本实例的Activity通过实现OnGestureListener接口和使用GestureDetector * 手势检测器来检测用户滑动操作，并通过overridePendingTransition()方法实现 * 窗口之间的滑动效果。 * Date:2014.07.11 *  * **/public class ActivityFlip extends Activity implements OnGestureListener{//定义手势检测器实例GestureDetector detector;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);//初始化手势检测器detector=new GestureDetector(this, this);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.activity_flip, menu);return true;}@Overridepublic boolean onTouchEvent(MotionEvent event) {// TODO Auto-generated method stub//将触碰事件交给GestureDetector处理return detector.onTouchEvent(event);}@Overridepublic boolean onDown(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {// TODO Auto-generated method stub//如果向右滑动的距离大于50mmif (e1.getX()-e2.getX()>50) {Intent intent=new Intent(this,SecondActivity.class);startActivity(intent);//设置切换动画，从右边进入，左边退出overridePendingTransition(R.anim.right_in, R.anim.left_out);}return false;}@Overridepublic void onLongPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {// TODO Auto-generated method stubreturn false;}@Overridepublic void onShowPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onSingleTapUp(MotionEvent e) {// TODO Auto-generated method stubreturn false;}}

第二个Activity代码（其实和第一个大同小异）：

package com.jph.activityflip;import android.os.Bundle;import android.app.Activity;import android.content.Intent;import android.view.GestureDetector;import android.view.GestureDetector.OnGestureListener;import android.view.Menu;import android.view.MotionEvent;public class SecondActivity extends Activity implements OnGestureListener{//定义手势检测器实例GestureDetector detector;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.second);//初始化手势检测器detector=new GestureDetector(this,this);}@Overridepublic boolean onTouchEvent(MotionEvent event) {// TODO Auto-generated method stubreturn detector.onTouchEvent(event);}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.activity_flip, menu);return true;}@Overridepublic boolean onDown(MotionEvent e) {// TODO Auto-generated method stubreturn false;}@Overridepublic boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {// TODO Auto-generated method stub//如果向左滑动距离大于50mmif (e2.getX()-e1.getX()>50) {Intent intent=getIntent();setResult(Activity.RESULT_OK, intent);this.finish();overridePendingTransition(R.anim.left_in, R.anim.right_out);}return false;}@Overridepublic void onLongPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX,float distanceY) {// TODO Auto-generated method stubreturn false;}@Overridepublic void onShowPress(MotionEvent e) {// TODO Auto-generated method stub}@Overridepublic boolean onSingleTapUp(MotionEvent e) {// TODO Auto-generated method stubreturn false;}}

屏幕渐变效果

     在Android开发过程中，经常会碰到Activity之间的切换效果的问题，下面介绍一下如何实现左右滑动的切换效果，首先了解一下Activity切换的实现，从Android2.0开始在Activity增加了一个方法：

public void overridePendingTransition (int enterAnim, int exitAnim)

其中：

enterAnim 定义Activity进入屏幕时的动画

exitAnim 定义Activity退出屏幕时的动画

overridePendingTransition 方法必须在startActivity()或者 finish()方法的后面。

Android已经内置了几种动画效果，可以见 android.R.anim 类。一般情况下我们需要自己定义屏幕切换的效果。首先我们先了解Activity的位置定义，如下图：

从上图可以看出，以手机屏幕下面边未X轴，屏幕左边为Y轴，当Activity在X轴值为-100%p时，刚好在屏幕的左边（位置1），当X轴值为0%p时，刚好再屏幕内(位置2），当X=100%p时刚好在屏幕右边（位置3）。

清楚了位置后，我们就可以实现左右滑动的切换效果，首先让要退出的Activity从位置2移动到位置1，同时让进入的Activity从位置3移动位置2，这样就能实现从左右切换效果。

实现过程如下，首先定义2个动画，在 res目录创建anim目录， 然后在目录创建动画的xml文件：left_in.xml (从左边进入动画) 、right_out.xml (从右边退出动画)。

从右向左滑动：

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"        >   </translate><!-- 透明度从0.1到1.0 --><alpha android:fromAlpha="0.1"     android:toAlpha="1.0"     android:duration="500"></alpha></set>

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"        >   </translate><!-- 透明度从1.0到0.1 --><alpha android:fromAlpha="1.0"     android:toAlpha="0.1"     android:duration="500"></alpha></set>

从左向右滑动：

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"        >   </translate><!-- 透明度从0.1到1.0 --><alpha android:fromAlpha="0.1"     android:toAlpha="1.0"     android:duration="500"></alpha></set>

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"        >   </translate><!-- 透明度从1.0到0.1 --><alpha android:fromAlpha="1.0"     android:toAlpha="0.1"     android:duration="500"></alpha></set>