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/FeelyouWindowAnimTheme</item>
</style>

定义切换动画 style

res/values/styles.xml

<style name="FeelyouWindowAnimTheme" parent="@android:style/Animation.Activity">
    <item name="android:activityOpenEnterAnimation">@anim/in_from_left</item>
    <item name="android:activityOpenExitAnimation">@anim/out_from_right</item>
    <item name="android:activityCloseEnterAnimation">@anim/in_from_right</item>
    <item name="android:activityCloseExitAnimation">@anim/out_from_left</item>
</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"?>
<!--
author:Remex Huang
website:feelyou.info
-->
<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"?>
<!--
author:Remex Huang
website:feelyou.info
-->
<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"?>
<!--
author:Remex Huang
website:feelyou.info
-->
<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"?>
<!--
author:Remex Huang
website:feelyou.info
-->
<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，如下

?

1 2 3 4

<style name= "AppTheme" mce_bogus= "1" parent= "@android:style/Theme.Light" >          <item name= "android:windowAnimationStyle" > @style /default_animation</item>          <item name= "android:windowNoTitle" > true </item> </style>

<item name="android:windowNoTitle">true</item>这一句是要隐藏标题栏，因为动画的范围是包括标题栏的，这个可选。

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

定义的style如下

?

1 2 3 4 5 6 7

<!-- 默认Activity跳转动画 --> <style name= "default_animation" mce_bogus= "1" parent= "@android:style/Animation.Activity" >      <item name= "android:activityOpenEnterAnimation" > @anim /default_anim_in</item>      <item name= "android:activityOpenExitAnimation" > @anim /anim_stay</item>      <item name= "android:activityCloseEnterAnimation" > @anim /anim_stay</item>      <item name= "android:activityCloseExitAnimation" > @anim /default_anim_out</item> </style>

然后就是在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中加上这些动画。

?

1 2 3 4

<application     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 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<?xml version= "1.0" encoding= "utf-8" ?> <set xmlns:android= "http://schemas.android.com/apk/res/android" >         <scale         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" />         <alpha         android:duration= "200"         android:fromAlpha= "0"         android:toAlpha= "1.0" />     </set>

default_anim_out

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<?xml version= "1.0" encoding= "utf-8" ?> <set xmlns:android= "http://schemas.android.com/apk/res/android"  >        <scale          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" />        <alpha          android:duration= "200"          android:fromAlpha= "1"          android:toAlpha= "0" />   </set>

anim_stay

?

1 2 3 4 5 6 7 8 9

<?xml version= "1.0" encoding= "utf-8" ?> <set xmlns:android= "http://schemas.android.com/apk/res/android" > <translate      android:duration= "500"      android:fromXDelta= "0"      android:fromYDelta= "0"      android:toXDelta= "0"      android:toYDelta= "0" /> </set>

二、代码中实现

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

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