读书人
栏目▼

activity切换动画片

发布时间： 2012-09-27 11:11:17 作者： rapoo

activity切换动画

?

在介绍切换动画效果前，先介绍下将使用到的Android SDK提供的工具类。

AlphaAnimation：控制动画对象的透明度，淡入淡出效果实现。

TranslateAnimation：控制动画对象的位置，实现对象位置的移动动画。

Animation：动画抽象类。

AnimationUtils：提供了动画的一些常用方法。

通过XML方式定义动画的形式。

更多的动画说明文档请看：http://android.toolib.net/guide/topics/resources/animation-resource.html

?

?

一、淡入淡出方式切换

1、建立Activity淡入动画的XML描述enter_alpha.xml

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<alpha??
  4. ????????android:fromAlpha="1.0"?//1表示完全不透明,?0表示完全透明。这里设置起始透明度??
  5. ????????android:duration="5000"?//动画时间,5s??
  6. ????????android:toAlpha="0"?//设置结束透明度?/>??
  7. </set>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<alpha??
  4. ????????android:fromAlpha="1.0"?//1表示完全不透明,?0表示完全透明。这里设置起始透明度??
  5. ????????android:duration="5000"?//动画时间,5s??
  6. ????????android:toAlpha="0"?//设置结束透明度?/>??
  7. </set>??


2、建立Activity淡出动画的XML描述out_alpha.xml

?

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<alpha??
  4. ????????android:fromAlpha="0"??
  5. ????????android:duration="5000"??
  6. ????????android:toAlpha="1.0"?/>??
  7. </set>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<alpha??
  4. ????????android:fromAlpha="0"??
  5. ????????android:duration="5000"??
  6. ????????android:toAlpha="1.0"?/>??
  7. </set>??


上述的xml文件存放路径，在res路径下新建文件夹anim，存放在此文件夹下。

?

在JAVA中调用动画资源方式：R.anmi.文件名

在XML中：@[package:]anim/文件名

?

3、设计主Activity界面main.xml

原型图效果：

activity切换动画片

界面XML描述：

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
  3. ????android:orientation="vertical"??
  4. ????android:layout_width="fill_parent"??
  5. ????android:layout_height="fill_parent"??
  6. ????>??
  7. ??????
  8. <Button??
  9. ????android:layout_width="wrap_content"??
  10. ????android:layout_height="wrap_content"??
  11. ????android:onClick="change"??
  12. ????android:text="淡入淡出Activity"???
  13. ????/>??
  14. ??
  15. <Button??
  16. ????android:layout_width="wrap_content"??
  17. ????android:layout_height="wrap_content"??
  18. ????android:onClick="change2"??
  19. ????android:text="滚动切换Activity"??
  20. ????/>??
  21. </LinearLayout>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
  3. ????android:orientation="vertical"??
  4. ????android:layout_width="fill_parent"??
  5. ????android:layout_height="fill_parent"??
  6. ????>??
  7. ??????
  8. <Button??
  9. ????android:layout_width="wrap_content"??
  10. ????android:layout_height="wrap_content"??
  11. ????android:onClick="change"??
  12. ????android:text="淡入淡出Activity"???
  13. ????/>??
  14. ??
  15. <Button??
  16. ????android:layout_width="wrap_content"??
  17. ????android:layout_height="wrap_content"??
  18. ????android:onClick="change2"??
  19. ????android:text="滚动切换Activity"??
  20. ????/>??
  21. </LinearLayout>??


?

打开MainActivity定义“淡入淡出Activity”按钮的change事件：

?

[java]?view plaincopyprint?
  1. public?void?change(View?v){??
  2. ????Intent?intent?=?new?Intent(this,?OtherActivity.class);??
  3. ??????
  4. ????startActivity(intent);??
  5. ??????
  6. ????overridePendingTransition(R.anim.out_alpha,?R.anim.enter_alpha);??
  7. }??
[java]?view plaincopyprint?
  1. public?void?change(View?v){??
  2. ????Intent?intent?=?new?Intent(this,?OtherActivity.class);??
  3. ??????
  4. ????startActivity(intent);??
  5. ??????
  6. ????overridePendingTransition(R.anim.out_alpha,?R.anim.enter_alpha);??
  7. }??



?

4、设计第二个Activity界面other.xml，并添加Activity信息到AndroidManifest.xml

原型图效果：
activity切换动画片

?

创建第二个Activity界面OtherActivity类：

?

[java]?view plaincopyprint?
  1. package?mr.jin.activity;??
  2. ??
  3. import?android.app.Activity;??
  4. import?android.os.Bundle;??
  5. ??
  6. public?class?OtherActivity?extends?Activity?{??
  7. ????@Override??
  8. ????protected?void?onCreate(Bundle?savedInstanceState)?{??
  9. ????????super.onCreate(savedInstanceState);??
  10. ????????setContentView(R.layout.other);??
  11. ????}??
  12. }??
[java]?view plaincopyprint?
  1. package?mr.jin.activity;??
  2. ??
  3. import?android.app.Activity;??
  4. import?android.os.Bundle;??
  5. ??
  6. public?class?OtherActivity?extends?Activity?{??
  7. ????@Override??
  8. ????protected?void?onCreate(Bundle?savedInstanceState)?{??
  9. ????????super.onCreate(savedInstanceState);??
  10. ????????setContentView(R.layout.other);??
  11. ????}??
  12. }??

添加Activity信息：

<activity android:name=".OtherActivity" android:label="otherActivity">

界面XML描述：

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
  3. ????android:orientation="vertical"??
  4. ????android:layout_width="fill_parent"??
  5. ????android:layout_height="fill_parent"??
  6. ????android:background="#0000ff"??
  7. ????>??
  8. <TextView????
  9. ????android:layout_width="fill_parent"???
  10. ????android:layout_height="wrap_content"???
  11. ????android:text="这是第二个Activity界面"??
  12. ????/>??
  13. </LinearLayout>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <LinearLayout?xmlns:android="http://schemas.android.com/apk/res/android"??
  3. ????android:orientation="vertical"??
  4. ????android:layout_width="fill_parent"??
  5. ????android:layout_height="fill_parent"??
  6. ????android:background="#0000ff"??
  7. ????>??
  8. <TextView????
  9. ????android:layout_width="fill_parent"???
  10. ????android:layout_height="wrap_content"???
  11. ????android:text="这是第二个Activity界面"??
  12. ????/>??
  13. </LinearLayout>??

?

到这里，淡入淡出切换Activity已经完成。

?

二、滚动方式切换

在实现淡入淡出时，界面已经设计完成，这里只需要实现动画部分。

1、Activity滚入XML动画描述lefttoright.xml：

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<translate??
  4. ????????android:fromXDelta="-100%p"//动画对象的起始X坐标??
  5. ????????android:toXDelta="0"//动画对象的结束X坐标??
  6. ????????android:fromYDelta="0"//这里是横向移动，所以Y坐标无需改变，始终是0??
  7. ????????android:toYDelta="0"??
  8. ????????android:duration="5000"//动画时间5s??
  9. ?????????/>??
  10. </set>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<translate??
  4. ????????android:fromXDelta="-100%p"//动画对象的起始X坐标??
  5. ????????android:toXDelta="0"//动画对象的结束X坐标??
  6. ????????android:fromYDelta="0"//这里是横向移动，所以Y坐标无需改变，始终是0??
  7. ????????android:toYDelta="0"??
  8. ????????android:duration="5000"//动画时间5s??
  9. ?????????/>??
  10. </set>??


2、Activity滚出XML动画描述righttoleft.xml：

?

?

[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<translate??
  4. ????????android:fromXDelta="0"??
  5. ????????android:toXDelta="100%p"??
  6. ????????android:fromYDelta="0"??
  7. ????????android:toYDelta="0"??
  8. ????????android:duration="5000"??
  9. ?????????/>??
  10. </set>??
[html]?view plaincopyprint?
  1. <?xml?version="1.0"?encoding="utf-8"?>??
  2. <set?xmlns:android="http://schemas.android.com/apk/res/android">??
  3. ????<translate??
  4. ????????android:fromXDelta="0"??
  5. ????????android:toXDelta="100%p"??
  6. ????????android:fromYDelta="0"??
  7. ????????android:toYDelta="0"??
  8. ????????android:duration="5000"??
  9. ?????????/>??
  10. </set>??


3、MainActivity中定义“滚动切换Activity”按钮事件

[java]?view plaincopyprint?
  1. public?void?change2(View?v){??
  2. ????Intent?intent?=?new?Intent(this,?OtherActivity.class);??
  3. ??????
  4. ????startActivity(intent);??
  5. ??????
  6. ????overridePendingTransition(R.anim.lefttoright,?R.anim.righttoleft);??
  7. } ?

?

?

读书人网 >移动开发

热点推荐

触屏版 | 电脑版

读书人网 m.reader8.net