天天看点

Android的activity跳转动画实现

  Android 在进行activity跳转时原生动画比较突兀,虽然google官方出了一个方法 overridePendingTransition(int enterAnim, intexitAnim),但经过实际的测试发现效果并不如人意,在跳转时前一个界面会出现运动到一半就变黑消失的情况,继而在寻找之后终于发现了一个比较有效的方法,就是自己写一个theme主题,将其中的动画的style继承自@android:style/Animation.Activity,实现具体方法如下

     首先在res/anim下面新建4个xml文件,分别是

 1.anim_enter.xml

[html] view plain copy print ?

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/decelerate_interpolator" >  
  4.     <scale  
  5.         android:duration="@android:integer/config_mediumAnimTime"  
  6.         android:fromXScale="0.0"  
  7.         android:fromYScale="0.0"  
  8.         android:pivotX="69.99999%"  
  9.         android:pivotY="100.0%"  
  10.         android:toXScale="1.0"  
  11.         android:toYScale="1.0" />  
  12.     <alpha  
  13.         android:duration="@android:integer/config_mediumAnimTime"  
  14.         android:fromAlpha="0.0"  
  15.         android:toAlpha="1.0" />  
  16. </set>  
Android的activity跳转动画实现
<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="0.0"
        android:fromYScale="0.0"
        android:pivotX="69.99999%"
        android:pivotY="100.0%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>
           

2.anim_exit.xml

[html] view plain copy print ?

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/accelerate_interpolator" >  
  4.     <scale  
  5.         android:duration="@android:integer/config_mediumAnimTime"  
  6.         android:fromXScale="1.0"  
  7.         android:fromYScale="1.0"  
  8.         android:pivotX="69.99999%"  
  9.         android:pivotY="100.0%"  
  10.         android:toXScale="0.0"  
  11.         android:toYScale="0.0" />  
  12.     <alpha  
  13.         android:duration="@android:integer/config_mediumAnimTime"  
  14.         android:fromAlpha="1.0"  
  15.         android:toAlpha="0.0" />  
  16. </set>  
Android的activity跳转动画实现
<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="69.99999%"
        android:pivotY="100.0%"
        android:toXScale="0.0"
        android:toYScale="0.0" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>
           

3.back_enter.xml

[html] view plain copy print ?

  1. <?xml version="1.0" encoding="UTF-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:interpolator="@android:anim/decelerate_interpolator" >  
  4.     <scale  
  5.         android:duration="@android:integer/config_mediumAnimTime"  
  6.         android:fromXScale="1.5"  
  7.         android:fromYScale="1.5"  
  8.         android:pivotX="50.0%"  
  9.         android:pivotY="50.0%"  
  10.         android:toXScale="1.0"  
  11.         android:toYScale="1.0" />  
  12.     <alpha  
  13.         android:duration="@android:integer/config_mediumAnimTime"  
  14.         android:fromAlpha="0.4"  
  15.         android:toAlpha="1.0" />  
  16. </set>  
Android的activity跳转动画实现
<?xml version="1.0" encoding="UTF-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.5"
        android:fromYScale="1.5"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="1.0"
        android:toYScale="1.0" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="0.4"
        android:toAlpha="1.0" />

</set>
           

4.back_exit.xml

[html] view plain copy print ?

  1. <set xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:interpolator="@android:anim/decelerate_interpolator" >  
  3.     <scale  
  4.         android:duration="@android:integer/config_mediumAnimTime"  
  5.         android:fromXScale="1.0"  
  6.         android:fromYScale="1.0"  
  7.         android:pivotX="50.0%"  
  8.         android:pivotY="50.0%"  
  9.         android:toXScale="0.4"  
  10.         android:toYScale="0.4" />  
  11.     <alpha  
  12.         android:duration="@android:integer/config_mediumAnimTime"  
  13.         android:fromAlpha="1.0"  
  14.         android:toAlpha="0.0" />  
  15. </set>  
Android的activity跳转动画实现
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator" >

    <scale
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50.0%"
        android:pivotY="50.0%"
        android:toXScale="0.4"
        android:toYScale="0.4" />

    <alpha
        android:duration="@android:integer/config_mediumAnimTime"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>
           

     然后在res/values/styles下面进行引用4个anim.xml文件

[html] view plain copy print ?

  1. <style name="ThemeActivity" mce_bogus="1" parent="android:Theme.Light">  
  2.         <item name="android:windowAnimationStyle">@style/AnimationActivity</item>  
  3.     </style>  
  4.     <style name="AnimationActivity" mce_bogus="1" parent="@android:style/Animation.Activity">  
  5.         <item name="android:activityOpenEnterAnimation">@anim/anim_enter</item>  
  6.         <item name="android:activityOpenExitAnimation">@anim/anim_exit</item>  
  7.         <item name="android:activityCloseEnterAnimation">@anim/back_enter</item>  
  8.         <item name="android:activityCloseExitAnimation">@anim/back_exit</item>  
  9.     </style>  
Android的activity跳转动画实现
<style name="ThemeActivity" mce_bogus="1" parent="android:Theme.Light">
        <item name="android:windowAnimationStyle">@style/AnimationActivity</item>
    </style>

    <style name="AnimationActivity" mce_bogus="1" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/anim_enter</item>
        <item name="android:activityOpenExitAnimation">@anim/anim_exit</item>
        <item name="android:activityCloseEnterAnimation">@anim/back_enter</item>
        <item name="android:activityCloseExitAnimation">@anim/back_exit</item>
    </style>
           

最后在AndroidManifest.xml下面的application里面的theme定义ThemeActivity

[html] view plain copy print ?

  1. android:theme="@style/ThemeActivity"