Android Activity的切换动画

app中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的动画。

 

第一个Activity控制类代码如下，大家主要看这个类，另外两个类，小马只贴下代码，没加注释，因为基本一样，只是改了下动画资源：

package com.xiaoma.betweenactivityanimation;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

/**
* @Title: BetweenActivityAnimationDemoActivity.java
* @Package com.xiaoma.betweenactivityanimation
* @Description: Activity之间跳转动画学习  如果怕动画太短看不清楚的，
* 可以把动画XML文件里面标签属性 during值设置的长些，吼吼
* @author XiaoMa
*/
public class BetweenActivityAnimationDemoActivity extends Activity implements
        OnClickListener {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        init();
    }

    private void init() {
        findViewById(R.id.button1).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.button1) {
            Intent intent = new Intent(getApplicationContext(),
                    BetweenActivityAnimationDemoActivity2.class);
            startActivity(intent);

            /**
             * 对下面这个方法的官方解释如下，版本从2.0后开始哦
             * Call immediately after one of the flavors of startActivity(Intent) or finish()
             * to specify an explicit transition animation to perform next.
             * 用工具查到解释为：
             *   在startActivity(Intent)或finish()之法之后调用后，会立即用一个指定的描述动画的XML文件来执行
             *   下一个Activity
             *
             * 下面两句是对这个方法两个参数的解释,在此之前小马也看了下别人讲的，
             * 其实是错的，看官方的解释肯定没错，不懂英语的用工具查下
             * 小马一直都说的，我英语很烂，我能查的你一定也能查得到
             * 1.enterAnim  A resource ID of the animation resource
             *              to use for the incoming activity. Use 0 for no animation.
             * 2.exitAnim   A resource ID of the animation resource
             *              to use for the outgoing activity. Use 0 for no animation.
             * 一：进入动画  一个动画资源，用于目标Activity 进入屏幕时的动画，此处写0代表无动画
             * 二：退出动画  一个动画资源，用于当前Activity 退出屏幕时的动画，此处写0代表无动画
             *
             * 这个目标、当前怎么理解？比如：startActivity( A（当前）--> B（目标）) 《finish()一样》
             * 下面参数中有一个为0，就表示A退出时无动画...一定把参数搞清楚，不然动画就搞晕了
             * overridePendingTransition(R.anim.zoom_enter, 0);
             * 方法两个参数与目标、当前Activity对应关系如效果下方绿色图所示
             */
            overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);
        }
    }

    /** 列几个安卓自带的动画效果，大家可以把上面 overridePendingTransition参数改下看看效果
     *  实现淡入淡出的效果
        overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
        overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);

        由左向右滑入的效果
        overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
        overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
     */
}

第二个Activity代码如下：

package com.xiaoma.betweenactivityanimation;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

public class BetweenActivityAnimationDemoActivity2 extends Activity implements OnClickListener{
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main2);
        init();
    }

    private void init(){
        findViewById(R.id.button2).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if(v.getId() == R.id.button2){
            Intent i = new Intent(getApplicationContext(),BetweenActivityAnimationDemoActivity3.class);
            startActivity(i);
            overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out);
        }

    }
}

第三个Activity代码如下：

package com.xiaoma.betweenactivityanimation;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;

public class BetweenActivityAnimationDemoActivity3 extends Activity implements OnClickListener {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main3);
        init();
    }

    private void init(){
        findViewById(R.id.button3).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if(v.getId() == R.id.button3)
        {
            finish();
            //如果这个地方不想用自己的，可以直接调安卓提供的动画，如下：
            overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);

            //安卓自带的动画哦，看效果就知道了
            //overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);

        }

    }

}

下面贴下小马在上面效果中用到的动画代码：

 

<?xml version="1.0" encoding="utf-8"?>
<!-- zoom_exit,即类似iphone的进入效果 -->
<set xmlns:android="http://schemas.android.com/apk/res/android"
        android:interpolator="@android:anim/decelerate_interpolator"
        android:zAdjustment="top">
    <scale android:fromXScale="1.0" android:toXScale=".5"
           android:fromYScale="1.0" android:toYScale=".5"
           android:pivotX="50%p" android:pivotY="50%p"
           android:duration="3000" />
    <alpha android:fromAlpha="1.0" android:toAlpha="0"
            android:duration="1000"/>
</set>

<!-- 实现zoom_enter即类似iphone退出时的效果 -->
<?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:fromXScale="2.0" android:toXScale="1.0"
           android:fromYScale="2.0" android:toYScale="1.0"
           android:pivotX="50%p" android:pivotY="50%p"
           android:duration="1000"
           />
</set>

<!-- hyperspace_in 浮动式动画 -->
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="300"
    android:fromAlpha="0.0"
    android:startOffset="1200"
    android:toAlpha="1.0" />

    <!--hyperspace_out 浮动式动画 -->
    <?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">
    <scale
        android:interpolator="@android:anim/accelerate_decelerate_interpolator"
        android:fromXScale="1.0"
        android:toXScale="1.4"
        android:fromYScale="1.0"
        android:toYScale="0.6"
        android:pivotX="50%"
        android:pivotY="50%"
        android:fillAfter="false"
        android:duration="700" />
    <set
        android:interpolator="@android:anim/accelerate_interpolator"
                android:startOffset="700">

        <scale
            android:fromXScale="1.4"
            android:toXScale="0.0"
                android:fromYScale="0.6"
            android:toYScale="0.0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="400" />

        <rotate
            android:fromDegrees="0"
            android:toDegrees="-45"
            android:toYScale="0.0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:duration="400" />
    </set>
</set>

<!-- push_up_in 上下滑入式 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromYDelta="100%p"
        android:toYDelta="0" />

    <alpha
        android:duration="300"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

<!-- push_up_out 上下滑入式 -->
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate
        android:duration="300"
        android:fromYDelta="0"
        android:toYDelta="-100%p" />

    <alpha
        android:duration="300"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>