-
大家可能遇到过跟小马一样的问题,就是在项目中不给
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>
最后,老样子,吼吼,源码小马直接放附件里面了,有需要使用的朋友可以自已下载下,交流学习,有解释不清楚的地方,还请批评指出,小马改进....谢谢!加油,一定要努力!
![](http://www.2cto.com/uploadfile/2012/0316/20120316113215525.gif)