展会信息港展会大全

Android Activity之间动画完整版详解
来源:互联网   发布日期:2016-01-14 10:55:46   浏览:1738次  

导读:大家可能遇到过跟小马一样的问题,就是在项目中不给Activity添加动画感觉好烂,特此,小马找个时间学习下Activity跳转时添加动画,网上资料一堆,但有些讲的是错的,而且只有文字没有效果,...

大家可能遇到过跟小马一样的问题,就是在项目中不给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.enterAnimA resource ID of the animation resource

49.*to use for the incoming activity. Use 0 for no animation.

50.* 2.exitAnimA 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>

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

摘自酷_莫名简单

赞助本站

人工智能实验室

相关热词: android开发 教程

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港