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>  

<?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>  

<?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>  

<?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>  

<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>  

<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"