转载:Activty界面切换动画
在介绍切换动画效果前,先介绍下将使用到的Android SDK提供的工具类。
AlphaAnimation:控制动画对象的透明度,淡入淡出效果实现。
TranslateAnimation:控制动画对象的位置,实现对象位置的移动动画。
Animation:动画抽象类。
AnimationUtils:提供了动画的一些常用方法。
通过XML方式定义动画的形式。
更多的动画说明文档请看:http://android.toolib.net/guide/topics/resources/animation-resource.html
一、淡入淡出方式切换
1、建立Activity淡入动画的XML描述enter_alpha.xml
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="1.0" //1表示完全不透明, 0表示完全透明。这里设置起始透明度
- android:duration="5000" //动画时间,5s
- android:toAlpha="0" //设置结束透明度 />
- </set>
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <alpha
- android:fromAlpha="0"
- android:duration="5000"
- android:toAlpha="1.0"/>
- </set>
在JAVA中调用动画资源方式:R.anmi.文件名
在XML中:@[package:]anim/文件名
3、设计主Activity界面main.xml
原型图效果:
界面XML描述:
- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- >
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:onClick="change"
- android:text="淡入淡出Activity"
- />
- <Button
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:onClick="change2"
- android:text="滚动切换Activity"
- />
- </LinearLayout>
打开MainActivity定义“淡入淡出Activity”按钮的change事件:
- publicvoid change(View v){
- Intent intent = new Intent(this, OtherActivity.class);
- startActivity(intent);
- overridePendingTransition(R.anim.out_alpha, R.anim.enter_alpha);
- }
4、设计第二个Activity界面other.xml,并添加Activity信息到AndroidManifest.xml
原型图效果:
创建第二个Activity界面OtherActivity类:
- package mr.jin.activity;
- import android.app.Activity;
- import android.os.Bundle;
- publicclass OtherActivity extends Activity {
- @Override
- protectedvoid onCreate(Bundle savedInstanceState) {
- super.onCreate(savedInstanceState);
- setContentView(R.layout.other);
- }
- }
添加Activity信息:
<activity android:name=".OtherActivity" android:label="otherActivity">
界面XML描述:
- <?xmlversion="1.0"encoding="utf-8"?>
- <LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"
- android:orientation="vertical"
- android:layout_width="fill_parent"
- android:layout_height="fill_parent"
- android:background="#0000ff"
- >
- <TextView
- android:layout_width="fill_parent"
- android:layout_height="wrap_content"
- android:text="这是第二个Activity界面"
- />
- </LinearLayout>
到这里,淡入淡出切换Activity已经完成。
二、滚动方式切换
在实现淡入淡出时,界面已经设计完成,这里只需要实现动画部分。
1、Activity滚入XML动画描述lefttoright.xml:
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <translate
- android:fromXDelta="-100%p"//动画对象的起始X坐标
- android:toXDelta="0"//动画对象的结束X坐标
- android:fromYDelta="0"//这里是横向移动,所以Y坐标无需改变,始终是0
- android:toYDelta="0"
- android:duration="5000"//动画时间5s
- />
- </set>
- <?xmlversion="1.0"encoding="utf-8"?>
- <setxmlns:android="http://schemas.android.com/apk/res/android">
- <translate
- android:fromXDelta="0"
- android:toXDelta="100%p"
- android:fromYDelta="0"
- android:toYDelta="0"
- android:duration="5000"
- />
- </set>
- publicvoid change2(View v){
- Intent intent = new Intent(this, OtherActivity.class);
- startActivity(intent);
- overridePendingTransition(R.anim.lefttoright, R.anim.righttoleft);
- }
业精于勤荒于嬉 行成于思毁于随