Android 编程下设置 Activity 切换动画

为 Activity 设置切换动画

我们知道，我们可以在 AndroidManifest.xml 文件中，通过android:theme 属性设置 Activity 的主题。主题中定义了关于 Activity 外观的很多特性。同时，主题中还可以定义 Activity 的切换动画。这是应用 Activity 切换动画的一种方法。下面讲解一下如何通过主题来设置 Activity 间的切换动画。

定义包含动画的 Activity 主题

res/values/styles.xml，很简单，就是使用 windowAnimationStyle 这个属性，指定切换动画的style即可。

<style name="AnimActivityTheme">
    <item name="android:windowAnimationStyle">@style/FeelyouWindowAnimThemeitem>
style>

定义切换动画 style

res/values/styles.xml

<style name="FeelyouWindowAnimTheme" parent="@android:style/Animation.Activity">
    <item name="android:activityOpenEnterAnimation">@anim/in_from_leftitem>
    <item name="android:activityOpenExitAnimation">@anim/out_from_rightitem>
    <item name="android:activityCloseEnterAnimation">@anim/in_from_rightitem>
    <item name="android:activityCloseExitAnimation">@anim/out_from_leftitem>
style>

注意需要继承自 @android:style/Animation.Activity。具体这4个属性什么意思呢？假设我们有 2 个 Activity，分别是 A1 和 A2：

• 当我们从 A1 启动 A2 时，A1 从屏幕上消失，这个动画叫做 android:activityOpenExitAnimation
• 当我们从 A1 启动 A2 时，A2 出现在屏幕上，这个动画叫做 android:activityOpenEnterAnimation
• 当我们从 A2 退出回到 A1 时，A2 从屏幕上消失，这个叫做 android:activityCloseExitAnimation
• 当我们从 A2 退出回到 A1 时，A1 出现在屏幕上，这个叫做 android:activityCloseEnterAnimation

结合上面我讲的情况，在脑海中想象一下，再结合属性的名字，就很容易理解了！

定义具体动画文件

这里的动画可以是透明度、位移、缩放之类的任何动画，我这里以位移来举例。当我们 A1 启动 A2 时，我希望 A1 从右边平移退出屏幕（out_from_right)，A2 从左边平移进入屏幕（in_from_left)。当我们从 A2 退出回到 A1 时，我希望 A2 从左边平移退出屏幕（out_from_left），A1 从右边平移进入屏幕（in_from_right）

下面我贴一下4个具体的动画的 xml 文件：

anim/out_from_right.xml

xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="100%p"
    android:toYDelta="0" >

translate>

anim/in_from_left.xml

xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:fromXDelta="-100%p"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="0" >

translate>

anim/out_from_left.xml

xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="-100%p"
    android:toYDelta="0" >

translate>

anim/in_from_right.xml

xml version="1.0" encoding="utf-8"?>

<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500"
    android:fromXDelta="100%p"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="0" >

translate>

应用到对应 Activity

AndroidMenifest.xml

<activity
    android:name="info.feelyou.demo.A1"
    android:theme="@style/AnimActivityTheme" >
activity>
<activity
    android:name="info.feelyou.demo.A2"
    android:theme="@style/AnimActivityTheme" >
activity>

------------------------------------------------------------------------------------------------------------------------------------------------------------------

实现Acitvity之间跳转的方式有两种。

一、在AndroidManifest中定义。

1、现在res/values/styles.xml中加上一个style，如下

<code class="java string">"AppTheme"</code> <code class="java plain">mce_bogus=</code> <code class="java string">"1"</code> <code class="java plain"> parent=</code> <code class="java string">"@android:style/Theme.Light"</code> <code class="java plain">></code> </div> <div class="line number2 index1 alt1"> <code class="java spaces">        </code> <code class="java plain"><item name=</code> <code class="java string">"android:windowAnimationStyle"</code> <code class="java plain">></code> <code class="java color1">@style</code> <code class="java plain">/default_animation</item></code> </div> <div class="line number3 index2 alt2"> <code class="java spaces">        </code> <code class="java plain"><item name=</code> <code class="java string">"android:windowNoTitle"</code> <code class="java plain">></code> <code class="java keyword">true</code> <code class="java plain"></item></code> </div> <div class="line number4 index3 alt1"> <code class="java plain">

true这一句是要隐藏标题栏，因为动画的范围是包括标题栏的，这个可选。

@style/default_animation作用就是指定一个动画文件。所以要在定义一个style（同样在res/values/styles.xml，也可以另外新建一个xml）

定义的style如下

<code class="java string">"default_animation"</code> <code class="java plain">mce_bogus=</code> <code class="java string">"1"</code> <code class="java plain"> parent=</code> <code class="java string">"@android:style/Animation.Activity"</code> <code class="java plain">></code> </div> <div class="line number3 index2 alt2"> <code class="java spaces">    </code> <code class="java plain"><item name=</code> <code class="java string">"android:activityOpenEnterAnimation"</code> <code class="java plain">></code> <code class="java color1">@anim</code> <code class="java plain">/default_anim_in</item></code> </div> <div class="line number4 index3 alt1"> <code class="java spaces">    </code> <code class="java plain"><item name=</code> <code class="java string">"android:activityOpenExitAnimation"</code> <code class="java plain">></code> <code class="java color1">@anim</code> <code class="java plain">/anim_stay</item></code> </div> <div class="line number5 index4 alt2"> <code class="java spaces">    </code> <code class="java plain"><item name=</code> <code class="java string">"android:activityCloseEnterAnimation"</code> <code class="java plain">></code> <code class="java color1">@anim</code> <code class="java plain">/anim_stay</item></code> </div> <div class="line number6 index5 alt1"> <code class="java spaces">    </code> <code class="java plain"><item name=</code> <code class="java string">"android:activityCloseExitAnimation"</code> <code class="java plain">></code> <code class="java color1">@anim</code> <code class="java plain">/default_anim_out</item></code> </div> <div class="line number7 index6 alt2"> <code class="java plain">

然后就是在res/anim文件夹中定义对应的动画文件default_anim_in,anim_stay, default_anim_out。

4个item分别代表 

Activity A跳转到Activity B时Activity B进入动画;

Activity A跳转到Activity B时Activity A退出动画;

Activity B返回Activity A时Activity A的进入动画

Activity B返回Activity A时ActivityB的退出动画

最后一步就是在AndroidManifest中加上这些动画。

   android:icon= "@drawable/logo"
   android:label= "@string/app_name"
   android:theme= "@style/AppTheme" >

这样就可以了。在activity中定义的方法同aplication，在application中定义会作用在全部activity，如果在activity中也定义了一个动画的话就会覆盖application中定义的动画。

下面附送default_anim_in,anim_stay,default_anim_out三个动画文件（实现QQ的跳转动画——渐变切换）。

default_anim_in

"1.0" encoding= "utf-8" ?>
"http://schemas.android.com/apk/res/android" >



       android:duration= "200"
       android:fromXScale= "0.7"
       android:fromYScale= "0.7"
       android:interpolator= "@android:anim/accelerate_decelerate_interpolator"
       android:pivotX= "50%"
       android:pivotY= "50%"
       android:toXScale= "1"
       android:toYScale= "1" />



       android:duration= "200"
       android:fromAlpha= "0"
       android:toAlpha= "1.0" />

default_anim_out

"1.0" encoding= "utf-8" ?>
"http://schemas.android.com/apk/res/android"  >


        android:duration= "200"
        android:fromXScale= "1"
        android:fromYScale= "1"
        android:interpolator= "@android:anim/accelerate_decelerate_interpolator"
        android:pivotX= "50%"
        android:pivotY= "50%"
        android:toXScale= "0.7"
        android:toYScale= "0.7" />


        android:duration= "200"
        android:fromAlpha= "1"
        android:toAlpha= "0" />

anim_stay

"1.0" encoding= "utf-8" ?>
"http://schemas.android.com/apk/res/android" >

    android:duration= "500"
    android:fromXDelta= "0"
    android:fromYDelta= "0"
    android:toXDelta= "0"
    android:toYDelta= "0" />

二、代码中实现

要实现跳转动画同样可以在代码中哦跟实现。

Activity A跳转到Activity B，要在startActivity（intent）后面加上overridePendingTransition(R.anim.anim_in, R.anim.anim_out);

Activity B返回Activity A，要在finish()后面加上overridePendingTransition(R.anim.anim_in, R.anim.anim_out);

anim_in是进入的Activity的动画，anim_out是退出的Activity的动画。

over！！！！