转 Android Activity之间动画完整版详解

标签：Android Activity动画详解

原创作品，允许转载，转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://mzh3344258.blog.51cto.com/1823534/807337

大家可能遇到过跟小马一样的问题，就是在项目中不给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. import android.app.Activity;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.View.OnClickListener;
7. /**
8. * @Title: BetweenActivityAnimationDemoActivity.java
9. * @Package com.xiaoma.betweenactivityanimation
10. * @Description: Activity之间跳转动画学习  如果怕动画太短看不清楚的，
11. * 可以把动画XML文件里面标签属性 during值设置的长些，吼吼
12. * @author XiaoMa
13. */
14. public class BetweenActivityAnimationDemoActivity extends Activity implements
15. OnClickListener {
16. /** Called when the activity is first created. */
17. @Override
18. public void onCreate(Bundle savedInstanceState) {
19. super.onCreate(savedInstanceState);
20. setContentView(R.layout.main);
21. init();
22. }
23. private void init() {
24. findViewById(R.id.button1).setOnClickListener(this);
25. }
26. @Override
27. public void onClick(View v) {
28. if (v.getId() == R.id.button1) {
29. Intent intent = new Intent(getApplicationContext(),
30. BetweenActivityAnimationDemoActivity2.class);
31. startActivity(intent);
32. /**
33. * 对下面这个方法的官方解释如下，版本从2.0后开始哦
34. * Call immediately after one of the flavors of startActivity(Intent) or finish()
35. * to specify an explicit transition animation to perform next.
36. * 用工具查到解释为：
37. *   在startActivity(Intent)或finish()之法之后调用后，会立即用一个指定的描述动画的XML文件来执行
38. *   下一个Activity
39. *
40. * 下面两句是对这个方法两个参数的解释,在此之前小马也看了下别人讲的，
41. * 其实是错的，看官方的解释肯定没错，不懂英语的用工具查下
42. * 小马一直都说的，我英语很烂，我能查的你一定也能查得到
43. * 1.enterAnim  A resource ID of the animation resource
44. *              to use for the incoming activity. Use 0 for no animation.
45. * 2.exitAnim   A resource ID of the animation resource
46. *              to use for the outgoing activity. Use 0 for no animation.
47. * 一：进入动画  一个动画资源，用于目标Activity 进入屏幕时的动画，此处写0代表无动画
48. * 二：退出动画  一个动画资源，用于当前Activity 退出屏幕时的动画，此处写0代表无动画
49. *
50. * 这个目标、当前怎么理解？比如：startActivity( A（当前）--> B（目标）) 《finish()一样》
51. * 下面参数中有一个为0，就表示A退出时无动画...一定把参数搞清楚，不然动画就搞晕了
52. * overridePendingTransition(R.anim.zoom_enter, 0);
53. * 方法两个参数与目标、当前Activity对应关系如效果下方绿色图所示
54. */
55. overridePendingTransition(R.anim.zoom_enter, R.anim.zoom_exit);
56. }
57. }
58. /** 列几个安卓自带的动画效果，大家可以把上面 overridePendingTransition参数改下看看效果
59. *  实现淡入淡出的效果
60. overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
61. overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);
62. 由左向右滑入的效果
63. overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
64. overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);
65. */
66. }

第二个Activity代码如下：

1. package com.xiaoma.betweenactivityanimation;
2. import android.app.Activity;
3. import android.content.Intent;
4. import android.os.Bundle;
5. import android.view.View;
6. import android.view.View.OnClickListener;
7. public class BetweenActivityAnimationDemoActivity2 extends Activity implements OnClickListener{
8. /** Called when the activity is first created. */
9. @Override
10. public void onCreate(Bundle savedInstanceState) {
11. super.onCreate(savedInstanceState);
12. setContentView(R.layout.main2);
13. init();
14. }
15. private void init(){
16. findViewById(R.id.button2).setOnClickListener(this);
17. }
18. @Override
19. public void onClick(View v) {
20. if(v.getId() == R.id.button2){
21. Intent i = new Intent(getApplicationContext(),BetweenActivityAnimationDemoActivity3.class);
22. startActivity(i);
23. overridePendingTransition(R.anim.hyperspace_in, R.anim.hyperspace_out);
24. }
25. }
26. }

第三个Activity代码如下：

1. package com.xiaoma.betweenactivityanimation;
2. import android.app.Activity;
3. import android.os.Bundle;
4. import android.view.View;
5. import android.view.View.OnClickListener;
6. public class BetweenActivityAnimationDemoActivity3 extends Activity implements OnClickListener {
7. @Override
8. public void onCreate(Bundle savedInstanceState) {
9. super.onCreate(savedInstanceState);
10. setContentView(R.layout.main3);
11. init();
12. }
13. private void init(){
14. findViewById(R.id.button3).setOnClickListener(this);
15. }
16. @Override
17. public void onClick(View v) {
18. if(v.getId() == R.id.button3)
19. {
20. finish();
21. //如果这个地方不想用自己的，可以直接调安卓提供的动画，如下：
22. overridePendingTransition(R.anim.push_left_in, R.anim.push_left_out);
23. //安卓自带的动画哦，看效果就知道了
24. //overridePendingTransition(android.R.anim.fade_in, android.R.anim.fade_out);
25. }
26. }
27. }

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

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. <!-- 实现zoom_enter即类似iphone退出时的效果 -->
14. <?xml version="1.0" encoding="utf-8"?>
15. <set xmlns:android="http://schemas.android.com/apk/res/android"
16. android:interpolator="@android:anim/decelerate_interpolator">
17. <scale android:fromXScale="2.0" android:toXScale="1.0"
18. android:fromYScale="2.0" android:toYScale="1.0"
19. android:pivotX="50%p" android:pivotY="50%p"
20. android:duration="1000"
21. />
22. </set>
23. <!-- hyperspace_in 浮动式动画 -->
24. <?xml version="1.0" encoding="utf-8"?>
25. <alpha xmlns:android="http://schemas.android.com/apk/res/android"
26. android:duration="300"
27. android:fromAlpha="0.0"
28. android:startOffset="1200"
29. android:toAlpha="1.0" />
30. <!--hyperspace_out 浮动式动画 -->
31. <?xml version="1.0" encoding="utf-8"?>
32. <set xmlns:android="http://schemas.android.com/apk/res/android" android:shareInterpolator="false">
33. <scale
34. android:interpolator="@android:anim/accelerate_decelerate_interpolator"
35. android:fromXScale="1.0"
36. android:toXScale="1.4"
37. android:fromYScale="1.0"
38. android:toYScale="0.6"
39. android:pivotX="50%"
40. android:pivotY="50%"
41. android:fillAfter="false"
42. android:duration="700" />
43. <set
44. android:interpolator="@android:anim/accelerate_interpolator"
45. android:startOffset="700">
46. <scale
47. android:fromXScale="1.4"
48. android:toXScale="0.0"
49. android:fromYScale="0.6"
50. android:toYScale="0.0"
51. android:pivotX="50%"
52. android:pivotY="50%"
53. android:duration="400" />
54. <rotate
55. android:fromDegrees="0"
56. android:toDegrees="-45"
57. android:toYScale="0.0"
58. android:pivotX="50%"
59. android:pivotY="50%"
60. android:duration="400" />
61. </set>
62. </set>
63. <!-- push_up_in 上下滑入式 -->
64. <?xml version="1.0" encoding="utf-8"?>
65. <set xmlns:android="http://schemas.android.com/apk/res/android" >
66. <translate
67. android:duration="300"
68. android:fromYDelta="100%p"
69. android:toYDelta="0" />
70. <alpha
71. android:duration="300"
72. android:fromAlpha="0.0"
73. android:toAlpha="1.0" />
74. </set>
75. <!-- push_up_out 上下滑入式 -->
76. <?xml version="1.0" encoding="utf-8"?>
77. <set xmlns:android="http://schemas.android.com/apk/res/android" >
78. <translate
79. android:duration="300"
80. android:fromYDelta="0"
81. android:toYDelta="-100%p" />
82. <alpha
83. android:duration="300"
84. android:fromAlpha="1.0"
85. android:toAlpha="0.0" />
86. </set>

最后，老样子，吼吼，源码小马直接放附件里面了，有需要使用的朋友可以自已下载下，交流学习，有解释不清楚的地方，还请批评指出，小马改进....谢谢！加油，一定要努力！

本文出自 “酷_莫名简单、KNothing” 博客，请务必保留此出处http://mzh3344258.blog.51cto.com/1823534/807337

附件下载：
　　小DEMO源码