大傢可能遇到過跟小馬一樣的問題,就是在項目中不給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>
最後,老樣子,吼吼,源碼小馬直接放附件裡面瞭,有需要使用的朋友可以自已下載下,交流學習,有解釋不清楚的地方,還請批評指出,小馬改進….謝謝!加油,一定要努力!
摘自 酷_莫名簡單