1. 程式人生 > >android基礎--Activity之間動畫

android基礎--Activity之間動畫

這個工程裡面收集了一些常用的動畫檔案在工程目錄anim下(都加了註釋,大家可以直接用),至於動畫標籤裡面的屬性大家可以參考如下路徑的官方文件:太全了,有些還可以直接使用的...

developers/Dev Guide/Application Resources/Resources Type/Animation 風格一如既往,先看效果 ,再看程式碼,大家看類短,但一定仔細讀下注釋部分,讀完你肯定不會暈Activity之間的動畫了,看效果(工具做的GIF有點失真,但真機上絕對流暢):

 效果一:

效果二:

效果三:

註釋中Activity與overridePendingTransition(a,b)當前與目標對應關係圖

第一個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> 

 

 

資源下載:http://down.51cto.com/data/2360065