2025-05-25

大傢可能遇到過跟小馬一樣的問題,就是在項目中不給Activity添加動畫感覺好爛,特此,小馬找個時間學習下Activity跳轉時添加動畫,網上資料一堆,但有些講的是錯的,而且隻有文字沒有效果,不如自己來,順帶試下什麼效果,這個工程裡面小馬收集瞭一些常用的動畫文件在工程目錄anim下(我都加瞭註釋,大傢可以直接用),至於動畫標簽裡面的屬性大傢可以參考如下路徑的官方文檔:太全瞭,有些還可以直接使用的…安卓偉滴太大瞭….developers/Dev Guide/Application Resources/Resources Type/Animation 風格一如既往,先看效果 ,再看代碼,大傢看類短,但一定仔細讀下小馬註釋部分,讀完瞭我保證你肯定不會暈Activity之間的動畫瞭,小馬先講下,今天的測試主要是三個Activity,詳細結構大傢直接看工程結構圖就明白瞭,看效果(工具做的GIF有點失真,但真機上絕對流暢):
 效果一:

 效果二:

 效果三:

 工程結構圖:

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

   第一個Activity控制類代碼如下,大傢主要看這個類,另外兩個類,小馬隻貼下代碼,沒加註釋,因為基本一樣,隻是改瞭下動畫資源:
  

1. package com.xiaoma.betweenactivityanimation;
2. 
3. import android.app.Activity;
4. import android.content.Intent;
5. import android.os.Bundle;
6. import android.view.View;
7. import android.view.View.OnClickListener;
8. 
9. /**  
10. * @Title: BetweenActivityAnimationDemoActivity.java
11. * @Package com.xiaoma.betweenactivityanimation
12. * @Description: Activity之間跳轉動畫學習  如果怕動畫太短看不清楚的,
13. * 可以把動畫XML文件裡面標簽屬性 during值設置的長些,吼吼
14. * @author XiaoMa
15. */
16. public class BetweenActivityAnimationDemoActivity extends Activity implements
17.         OnClickListener {
18.     /** Called when the activity is first created. */
19.     @Override
20.     public void onCreate(Bundle savedInstanceState) {
21.         super.onCreate(savedInstanceState);
22.         setContentView(R.layout.main);
23.         init();
24.     }
25. 
26.     private void init() {
27.         findViewById(R.id.button1).setOnClickListener(this);
28.     }
29. 
30.     @Override
31.     public void onClick(View v) {
32.         if (v.getId() == R.id.button1) {
33.             Intent intent = new Intent(getApplicationContext(),
34.                     BetweenActivityAnimationDemoActivity2.class);
35.             startActivity(intent);
36.             
37.             /**
38.              * 對下面這個方法的官方解釋如下,版本從2.0後開始哦
39.              * Call immediately after one of the flavors of startActivity(Intent) or finish() 
40.              * to specify an explicit transition animation to perform next.
41.              * 用工具查到解釋為:
42.              *   在startActivity(Intent)或finish()之法之後調用後,會立即用一個指定的描述動畫的XML文件來執行
43.              *   下一個Activity 
44.              * 
45.              * 下面兩句是對這個方法兩個參數的解釋,在此之前小馬也看瞭下別人講的,
46.              * 其實是錯的,看官方的解釋肯定沒錯,不懂英語的用工具查下
47.              * 小馬一直都說的,我英語很爛,我能查的你一定也能查得到
48.              * 1.enterAnim  A resource ID of the animation resource 
49.              *              to use for the incoming activity. Use 0 for no animation.
50.              * 2.exitAnim   A resource ID of the animation resource 
51.              *              to use for the outgoing activity. Use 0 for no animation.
52.              * 一:進入動畫  一個動畫資源,用於目標Activity 進入屏幕時的動畫,此處寫0代表無動畫
53.              * 二:退出動畫  一個動畫資源,用於當前Activity 退出屏幕時的動畫,此處寫0代表無動畫
54.              * 
55.              * 這個目標、當前怎麼理解?比如:startActivity( A(當前)–> B(目標)) 《finish()一樣》
56.              * 下面參數中有一個為0,就表示A退出時無動畫…一定把參數搞清楚,不然動畫就搞暈瞭
57.              * overridePendingTransition(R.anim.zoom_enter, 0);  
58.              * 方法兩個參數與目標、當前Activity對應關系如效果下方綠色圖所示
59.              */
60.             overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);
61.         }
62.     }
63.     
64.     /** 列幾個安卓自帶的動畫效果,大傢可以把上面 overridePendingTransition參數改下看看效果
65.      *  實現淡入淡出的效果
66.         overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);    
67.         overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
68.          
69.         由左向右滑入的效果
70.         overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);    
71.         overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
72.      */
73. }
第二個Activity代碼如下:
1. package com.xiaoma.betweenactivityanimation;
2. 
3. import android.app.Activity;
4. import android.content.Intent;
5. import android.os.Bundle;
6. import android.view.View;
7. import android.view.View.OnClickListener;
8. 
9. public class BetweenActivityAnimationDemoActivity2 extends Activity implements OnClickListener{
10.     /** Called when the activity is first created. */
11.     @Override
12.     public void onCreate(Bundle savedInstanceState) {
13.         super.onCreate(savedInstanceState);
14.         setContentView(R.layout.main2);
15.         init();
16.     }
17. 
18.     private void init(){
19.         findViewById(R.id.button2).setOnClickListener(this);
20.     }
21.     
22.     @Override
23.     public void onClick(View v) {
24.         if(v.getId() == R.id.button2){
25.             Intent i = new Intent(getApplicationContext(),BetweenActivityAnimationDemoActivity3.class);
26.             startActivity(i);
27.             overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out);
28.         }
29.         
30.     }
31. }
第三個Activity代碼如下:
1. package com.xiaoma.betweenactivityanimation;
2. 
3. import android.app.Activity;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.View.OnClickListener;
7. 
8. public class BetweenActivityAnimationDemoActivity3 extends Activity implements OnClickListener {
9.     @Override
10.     public void onCreate(Bundle savedInstanceState) {
11.         super.onCreate(savedInstanceState);
12.         setContentView(R.layout.main3);
13.         init();
14.     }
15.     
16.     private void init(){
17.         findViewById(R.id.button3).setOnClickListener(this);
18.     }
19. 
20.     @Override
21.     public void onClick(View v) {
22.         if(v.getId() == R.id.button3)
23.         {
24.             finish();
25.             //如果這個地方不想用自己的,可以直接調安卓提供的動畫,如下:
26.             overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
27.             
28.             //安卓自帶的動畫哦,看效果就知道瞭
29.             //overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
30.             
31.         }
32.         
33.     }
34.     
35. }
下面貼下小馬在上面效果中用到的動畫代碼:
1. <?xml version="1.0" encoding="utf-8"?>
2. <!– zoom_exit,即類似iphone的進入效果 –>
3. <set xmlns:android="http://schemas.android.com/apk/res/android"
4.         android:interpolator="@android:anim/decelerate_interpolator"
5.         android:zAdjustment="top">
6.     <scale android:fromXScale="1.0" android:toXScale=".5"
7.            android:fromYScale="1.0" android:toYScale=".5"
8.            android:pivotX="50%p" android:pivotY="50%p"
9.            android:duration="3000" />
10.     <alpha android:fromAlpha="1.0" android:toAlpha="0"
11.             android:duration="1000"/>
12. </set>
13. 
14. <!– 實現zoom_enter即類似iphone退出時的效果 –>
15. <?xml version="1.0" encoding="utf-8"?>
16. <set xmlns:android="http://schemas.android.com/apk/res/android"
17.         android:interpolator="@android:anim/decelerate_interpolator">
18.     <scale android:fromXScale="2.0" android:toXScale="1.0"
19.            android:fromYScale="2.0" android:toYScale="1.0"
20.            android:pivotX="50%p" android:pivotY="50%p"
21.            android:duration="1000"
22.            />
23. </set>
24. 
25. <!– hyperspace_in 浮動式動畫 –>
26. <?xml version="1.0" encoding="utf-8"?>
27. <alpha xmlns:android="http://schemas.android.com/apk/res/android"
28.     android:duration="300"
29.     android:fromAlpha="0.0"
30.     android:startOffset="1200"
31.     android:toAlpha="1.0" />
32. 
33.     <!–hyperspace_out 浮動式動畫 –>
34.     <?xml version="1.0" encoding="utf-8"?>
35. <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">  
36.     <scale   
37.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
38.         android:fromXScale="1.0"   
39.         android:toXScale="1.4"   
40.         android:fromYScale="1.0"   
41.         android:toYScale="0.6"   
42.         android:pivotX="50%"  
43.         android:pivotY="50%"  
44.         android:fillAfter="false"  
45.         android:duration="700" />  
46.     <set   
47.         android:interpolator="@android:anim/accelerate_interpolator"  
48.                 android:startOffset="700">  
49.           
50.         <scale  
51.             android:fromXScale="1.4"   
52.             android:toXScale="0.0"  
53.                 android:fromYScale="0.6"  
54.             android:toYScale="0.0"   
55.             android:pivotX="50%"   
56.             android:pivotY="50%"   
57.             android:duration="400" />  
58.           
59.         <rotate   
60.             android:fromDegrees="0"   
61.             android:toDegrees="-45"  
62.             android:toYScale="0.0"   
63.             android:pivotX="50%"   
64.             android:pivotY="50%"  
65.             android:duration="400" />  
66.     </set>  
67. </set> 
68. 
69. <!– push_up_in 上下滑入式 –>
70. <?xml version="1.0" encoding="utf-8"?>
71. <set xmlns:android="http://schemas.android.com/apk/res/android" >
72. 
73.     <translate
74.         android:duration="300"
75.         android:fromYDelta="100%p"
76.         android:toYDelta="0" />
77. 
78.     <alpha
79.         android:duration="300"
80.         android:fromAlpha="0.0"
81.         android:toAlpha="1.0" />
82. 
83. </set>
84. 
85. <!– push_up_out 上下滑入式 –>
86. <?xml version="1.0" encoding="utf-8"?>
87. <set xmlns:android="http://schemas.android.com/apk/res/android" >
88. 
89.     <translate
90.         android:duration="300"
91.         android:fromYDelta="0"
92.         android:toYDelta="-100%p" />
93. 
94.     <alpha
95.         android:duration="300"
96.         android:fromAlpha="1.0"
97.         android:toAlpha="0.0" />
98. 
99. </set>
     最後,老樣子,吼吼,源碼小馬直接放附件裡面瞭,有需要使用的朋友可以自已下載下,交流學習,有解釋不清楚的地方,還請批評指出,小馬改進….謝謝!加油,一定要努力!

 

摘自  酷_莫名簡單 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *