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