为activity设置左右的切换动画

17 篇文章 1 订阅
5 篇文章 0 订阅

原文地址:http://www.jcodecraeer.com/a/basictutorial/2016/1014/6672.html

首先来看下实现的效果图:


我们总共需要四个动画,将在xml中定义它们。这四个动画其实可以分为两组。第一组是将View移动出视野,第二组是把View从视野之外移进来。

slide_to_left.xml:

从当前位置一直向左滑动,直到离开视野。

 
 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <translate android:fromXDelta="0" android:toXDelta="-100%p"
  4.                android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.                android:duration="@integer/slide_animation_duration"/>
  6. </set>

slide_to_right.xml:

从当前位置一直向右滑动,直到离开视野。

 
 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <translate android:fromXDelta="0" android:toXDelta="100%p"
  4.                android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.                android:duration="@integer/slide_animation_duration"/>
  6. </set>

slide_from_left.xml:

view从左边滑入

 
 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <translate android:fromXDelta="-100%p" android:toXDelta="0"
  4.                android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.                android:duration="@integer/slide_animation_duration"/>
  6. </set>

slide_from_right.xml:

view从右边滑入

 
 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <translate android:fromXDelta="100%p" android:toXDelta="0"
  4.                android:interpolator="@android:anim/accelerate_decelerate_interpolator"
  5.                android:duration="@integer/slide_animation_duration"/>
  6. </set>

每个动画的持续时间都为@integer/slide_animation_duration,定义在integers.xml中,如下:

 
 
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <integer name="slide_animation_duration">300</integer>
  4. </resources>

这样可以让动画保持连贯性,所有的动画都以相同的速度移动。

应用到View上

对一个View应用动画很简单,我们只需把从xml加载的动画应用到View就可以了:

 
 
  1. view.startAnimation(AnimationUtils.loadAnimation(
  2.         context, R.anim.slide_to_right
  3. ));

我喜欢为这些相关的动画组创建一个工具类,尤其是它们在应用中使用的比较普遍的情况下。

 
 
  1. public class SlideAnimationUtil {
  2.  
  3.     /**
  4.      * Animates a view so that it slides in from the left of it's container.
  5.      *
  6.      * @param context
  7.      * @param view
  8.      */
  9.     public static void slideInFromLeft(Context context, View view) {
  10.         runSimpleAnimation(context, view, R.anim.slide_from_left);
  11.     }
  12.  
  13.     /**
  14.      * Animates a view so that it slides from its current position, out of view to the left.
  15.      *
  16.      * @param context
  17.      * @param view
  18.      */
  19.     public static void slideOutToLeft(Context context, View view) {
  20.         runSimpleAnimation(context, view, R.anim.slide_to_left);
  21.     }
  22.  
  23.     /**
  24.      * Animates a view so that it slides in the from the right of it's container.
  25.      *
  26.      * @param context
  27.      * @param view
  28.      */
  29.     public static void slideInFromRight(Context context, View view) {
  30.         runSimpleAnimation(context, view, R.anim.slide_from_right);
  31.     }
  32.  
  33.     /**
  34.      * Animates a view so that it slides from its current position, out of view to the right.
  35.      *
  36.      * @param context
  37.      * @param view
  38.      */
  39.     public static void slideOutToRight(Context context, View view) {
  40.         runSimpleAnimation(context, view, R.anim.slide_to_right);
  41.     }
  42.  
  43.     /**
  44.      * Runs a simple animation on a View with no extra parameters.
  45.      *
  46.      * @param context
  47.      * @param view
  48.      * @param animationId
  49.      */
  50.     private static void runSimpleAnimation(Context context, View view, int animationId) {
  51.         view.startAnimation(AnimationUtils.loadAnimation(
  52.                 context, animationId
  53.         ));
  54.     }
  55.  
  56. }

工具类创建好了之后,我们就可以在应用中任意的使用了,如下:

 
 
  1. SlideAnimationUtil.slideInFromLeft(context, view);

Activity之间

在Activity之间使用动画也很简单。Activity类为我们提供了一个叫做overridePendingTransition的方法,我们可以用它来设置进入和退出动画。如下:

 
 
  1. Intent intent = new Intent(this, SomeActivity.class);
  2. startActivity(intent);
  3. overridePendingTransition(enterAnimationId, exitAnimationId);

在调用startActivity之后调用overridePendingTransition可以让新的Activity运行enterAnimationId,而当前Activity运行exitAnimationId。

把我们早先定义好的动画放进来,我们就可以让新的Activity从右边滑进来,而当前的Activity滑离至左边视野之外,如下:

 
 
  1. startActivity(intent);
  2. overridePendingTransition(R.anim.slide_from_right, R.anim.slide_to_left);

类似的,当新的Activity结束之后,我们可以执行相反的动画,让结束的Activity滑出至右边视野之外,而之前的Activity从左边滑回来:

 
 
  1. finish();
  2. overridePendingTransition(R.anim.slide_from_left, R.anim.slide_to_right);

这样就能做到Activity之间来回流畅的切换,比Activity默认的动画要好。

保持一致

我绝大多数应用都创建了一个BaseActivity类,把一些可以共享的常见的功能都放在里面,比如log和显示fragment。因为我想让所有的activity切换效果都保持一致,所以我觉得把它放在BaseActivity实在再合适不过了:

 
 
  1. public class BaseActivity extends Activity {
  2.     
  3.     @Override
  4.     public void finish() {
  5.         super.finish();
  6.         overridePendingTransitionExit();
  7.     }
  8.     
  9.     @Override
  10.     public void startActivity(Intent intent) {
  11.         super.startActivity(intent);
  12.         overridePendingTransitionEnter();
  13.     }
  14.     
  15.     /**
  16.      * Overrides the pending Activity transition by performing the "Enter" animation.
  17.      */
  18.     protected void overridePendingTransitionEnter() {
  19.         overridePendingTransition(R.anim.slide_from_right, R.anim.slide_to_left);
  20.     }
  21.  
  22.     /**
  23.      * Overrides the pending Activity transition by performing the "Exit" animation.
  24.      */
  25.     protected void overridePendingTransitionExit() {
  26.         overridePendingTransition(R.anim.slide_from_left, R.anim.slide_to_right);
  27.     }
  28.     
  29. }

你也可以像我这样重写startActivity和finish,这样就不需要直接调用了。记住要调用super方法,并重写所有衍生方法,比如startActivityForResult。

现在你如果想改变动画效果,只需在更新一个地方就行了。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值