原文地址:http://www.jcodecraeer.com/a/basictutorial/2016/1014/6672.html
首先来看下实现的效果图:
我们总共需要四个动画,将在xml中定义它们。这四个动画其实可以分为两组。第一组是将View移动出视野,第二组是把View从视野之外移进来。
slide_to_left.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:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="@integer/slide_animation_duration"/></set>slide_to_right.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:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="@integer/slide_animation_duration"/></set>slide_from_left.xml:
view从左边滑入
<?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:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="@integer/slide_animation_duration"/></set>slide_from_right.xml:
view从右边滑入
<?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:interpolator="@android:anim/accelerate_decelerate_interpolator" android:duration="@integer/slide_animation_duration"/></set>每个动画的持续时间都为@integer/slide_animation_duration,定义在integers.xml中,如下:
<?xml version="1.0" encoding="utf-8"?><resources> <integer name="slide_animation_duration">300</integer></resources>这样可以让动画保持连贯性,所有的动画都以相同的速度移动。
对一个View应用动画很简单,我们只需把从xml加载的动画应用到View就可以了:
view.startAnimation(AnimationUtils.loadAnimation( context, R.anim.slide_to_right));我喜欢为这些相关的动画组创建一个工具类,尤其是它们在应用中使用的比较普遍的情况下。
public class SlideAnimationUtil { /** * Animates a view so that it slides in from the left of it's container. * * @param context * @param view */ public static void slideInFromLeft(Context context, View view) { runSimpleAnimation(context, view, R.anim.slide_from_left); } /** * Animates a view so that it slides from its current position, out of view to the left. * * @param context * @param view */ public static void slideOutToLeft(Context context, View view) { runSimpleAnimation(context, view, R.anim.slide_to_left); } /** * Animates a view so that it slides in the from the right of it's container. * * @param context * @param view */ public static void slideInFromRight(Context context, View view) { runSimpleAnimation(context, view, R.anim.slide_from_right); } /** * Animates a view so that it slides from its current position, out of view to the right. * * @param context * @param view */ public static void slideOutToRight(Context context, View view) { runSimpleAnimation(context, view, R.anim.slide_to_right); } /** * Runs a simple animation on a View with no extra parameters. * * @param context * @param view * @param animationId */ private static void runSimpleAnimation(Context context, View view, int animationId) { view.startAnimation(AnimationUtils.loadAnimation( context, animationId )); } }工具类创建好了之后,我们就可以在应用中任意的使用了,如下:
SlideAnimationUtil.slideInFromLeft(context, view);在Activity之间使用动画也很简单。Activity类为我们提供了一个叫做overridePendingTransition的方法,我们可以用它来设置进入和退出动画。如下:
Intent intent = new Intent(this, SomeActivity.class);startActivity(intent);overridePendingTransition(enterAnimationId, exitAnimationId);在调用startActivity之后调用overridePendingTransition可以让新的Activity运行enterAnimationId,而当前Activity运行exitAnimationId。
把我们早先定义好的动画放进来,我们就可以让新的Activity从右边滑进来,而当前的Activity滑离至左边视野之外,如下:
startActivity(intent);overridePendingTransition(R.anim.slide_from_right, R.anim.slide_to_left);类似的,当新的Activity结束之后,我们可以执行相反的动画,让结束的Activity滑出至右边视野之外,而之前的Activity从左边滑回来:
finish();overridePendingTransition(R.anim.slide_from_left, R.anim.slide_to_right);这样就能做到Activity之间来回流畅的切换,比Activity默认的动画要好。
我绝大多数应用都创建了一个BaseActivity类,把一些可以共享的常见的功能都放在里面,比如log和显示fragment。因为我想让所有的activity切换效果都保持一致,所以我觉得把它放在BaseActivity实在再合适不过了:
public class BaseActivity extends Activity { @Override public void finish() { super.finish(); overridePendingTransitionExit(); } @Override public void startActivity(Intent intent) { super.startActivity(intent); overridePendingTransitionEnter(); } /** * Overrides the pending Activity transition by performing the "Enter" animation. */ protected void overridePendingTransitionEnter() { overridePendingTransition(R.anim.slide_from_right, R.anim.slide_to_left); } /** * Overrides the pending Activity transition by performing the "Exit" animation. */ protected void overridePendingTransitionExit() { overridePendingTransition(R.anim.slide_from_left, R.anim.slide_to_right); } }你也可以像我这样重写startActivity和finish,这样就不需要直接调用了。记住要调用super方法,并重写所有衍生方法,比如startActivityForResult。
现在你如果想改变动画效果,只需在更新一个地方就行了。