activity切换动画总结

转载请注明出处：http://blog.csdn.net/szyangzhen/article/details/47357237

今天没事总结了一下activity切换动画相关知识，包括淡入淡出动画，左滑入右滑出，顶部滑入底部滑出等比较简单的动画，现在记录如下

activity淡入动画，放在文件act_switch_fade_in.xml中

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@integer/animation_duration"
    android:fromAlpha="0.0"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:toAlpha="1.0" />

activity淡出动画,放在act_switch_fade_out.xml中

<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="@integer/animation_duration"
    android:fromAlpha="1.0"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:toAlpha="0.0" />

activity底部滑入动画,放在act_switch_translate_bottom2screen.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="100%" 
    android:toYDelta="0%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity顶部滑入动画,放在act_switch_translate_top2screen.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="-100%" 
    android:toYDelta="0%"
   android:duration="@integer/animation_duration"
    >
</translate>

activity左边滑入动画，放在act_switch_translate_left2screen.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="-100%" 
    android:toXDelta="0%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity右边滑入动画,放在act_switch_translate_right2screen.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="100%" 
    android:toXDelta="0%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity底部滑出动画(滑动到底部隐藏),放在act_switch_translate_screen2bottom.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="0%" 
    android:toYDelta="100%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity顶部滑出动画(滑动到顶部隐藏),放在act_switch_translate_screen2top.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromYDelta="0%" 
    android:toYDelta="-100%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity左边滑出动画(滑动到左边隐藏),放在act_switch_translate_screen2left.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0%" 
    android:toXDelta="-100%"
    android:duration="@integer/animation_duration"
    >
</translate>

activity右边滑出动画(滑动到右边隐藏),放在act_switch_translate_screen2right.xml中

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromXDelta="0%" 
    android:toXDelta="100%"
    android:duration="@integer/animation_duration"
    >
</translate>

这些activity动画定义好了，还需要定义样式及主题，我就直接上代码了，里面都有注释

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

   <integer name="animation_duration">200</integer>
    <!-- 淡入淡出动画 -->
    <style name="activity_switch_fade" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/fade</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="fade" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_fade_in</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_fade_out</item>
    </style>

    <!-- 左边滑入左边滑出 -->
    <style name="activity_switch_translate_left" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_left</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_left" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_left2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2left</item>
    </style>

    <!-- 右边滑入右边滑出 -->
    <style name="activity_switch_translate_right" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_right</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_right" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_right2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2right</item>
    </style>

    <!-- 顶部滑入顶部滑出 -->
    <style name="activity_switch_translate_top" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_top</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_top" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_top2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2top</item>
    </style>

    <!-- 底部滑入底部滑出 -->
    <style name="activity_switch_translate_bottom" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_bottom</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_bottom" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_bottom2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_no_anim</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2bottom</item>
    </style>

    <!-- 顶部滑入底部滑出 -->
    <style name="activity_switch_translate_top_bottom" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_top_bottom</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_top_bottom" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_top2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_translate_screen2bottom</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_translate_bottom2screen</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2top</item>
    </style>

    <!-- 底部滑入顶部滑出 -->
    <style name="activity_switch_translate_bottom_top" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_bottom_top</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_bottom_top" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_bottom2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_translate_screen2top</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_translate_top2screen</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2bottom</item>
    </style>

    <!-- 左边滑入右边滑出 -->
    <style name="activity_switch_translate_left_right" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_left_right</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_left_right" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_left2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_translate_screen2right</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_translate_right2screen</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2left</item>
    </style>

    <!-- 右边滑入左边滑出 -->
    <style name="activity_switch_translate_right_left" parent="AppTheme">
        <item name="android:windowAnimationStyle">@style/translate_right_left</item>
    </style>
    <!--
    第一个表示新的activity创建进入效果，
    第2个表示activity还没有finish()下退出效果，
    第3个表示上一个activity返回进入效果，
    第4个表示的是activity finish()之后退出效果
    比如有两个activity A和B, A上面有个按钮可以打开B, 点击按钮后，此时A执行第二个动画（android:activityOpenExitAnimation）
    B执行第一个动画(android:activityOpenEnterAnimation)
    如此此时按下返回键,B退出，A显示，则此时A执行动画3（android:activityCloseEnterAnimation）
    B执行动画4（android:activityCloseExitAnimation）
    -->
    <style name="translate_right_left" parent="@android:style/Animation.Activity">
        <item name="android:activityOpenEnterAnimation">@anim/act_switch_translate_right2screen</item>
        <item name="android:activityOpenExitAnimation">@anim/act_switch_translate_screen2left</item>
        <item name="android:activityCloseEnterAnimation">@anim/act_switch_translate_left2screen</item>
        <item name="android:activityCloseExitAnimation">@anim/act_switch_translate_screen2right</item>
    </style>

</resources>

这个文件里定义了各种activity切换动画主题,大家需要运用哪种切换动画直接运用主题到appliation就行了，即在Manifest.xml文件里的application标签加上这么一个属性(比如想实现activity从顶部滑入底部滑出,应如下设置)

android:theme="@style/activity_switch_translate_top_bottom"

大家可以下载试下效果，下载后解压有一个anim文件夹入在res下即可，还有一个xml文件，activity_switch_anim.xml文件需要放在values文件夹下

源码下载