2025-05-23

在介紹切換動畫效果前,先介紹下將使用到的Android SDK提供的工具類。
AlphaAnimation:控制動畫對象的透明度,淡入淡出效果實現。
TranslateAnimation:控制動畫對象的位置,實現對象位置的移動動畫。
Animation:動畫抽象類。
AnimationUtils:提供瞭動畫的一些常用方法。
通過XML方式定義動畫的形式。
更多的動畫說明文檔請看:http://android.toolib.net/guide/topics/resources/animation-resource.html

一、淡入淡出方式切換
1、建立Activity淡入動畫的XML描述enter_alpha.xml
[html]
<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <alpha 
        android:fromAlpha="1.0" //1表示完全不透明, 0表示完全透明。這裡設置起始透明度 
        android:duration="5000" //動畫時間,5s 
        android:toAlpha="0" //設置結束透明度 /> 
</set> 

2、建立Activity淡出動畫的XML描述out_alpha.xml
[html]
<?xml version="1.0" encoding="utf-8"?> 
<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <alpha 
        android:fromAlpha="0" 
        android:duration="5000" 
        android:toAlpha="1.0" /> 
</set> 

上述的xml文件存放路徑,在res路徑下新建文件夾anim,存放在此文件夾下。
在JAVA中調用動畫資源方式:R.anmi.文件名
在XML中:@[package:]anim/文件名

3、設計主Activity界面main.xml
原型圖效果: 

 

界面XML描述:
[html]
<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns: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事件:
[java]
public void 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類:

[java] package mr.jin.activity; 
 
import android.app.Activity; 
import android.os.Bundle; 
 
public class OtherActivity extends Activity { 
    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
        super.onCreate(savedInstanceState); 
        setContentView(R.layout.other); 
    } 

package mr.jin.activity;

import android.app.Activity;
import android.os.Bundle;

public class OtherActivity extends Activity {
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.other);
 }
}
添加Activity信息:

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

界面XML描述:

[html] <?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns: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> 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns: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:

[html] <?xml version="1.0" encoding="utf-8"?> 
<set xmlns: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> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns: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>
2、Activity滾出XML動畫描述righttoleft.xml:

[html] <?xml version="1.0" encoding="utf-8"?> 
<set xmlns: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> 
<?xml version="1.0" encoding="utf-8"?>
<set xmlns: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>
3、MainActivity中定義“滾動切換Activity”按鈕事件

[java] public void change2(View v){ 
    Intent intent = new Intent(this, OtherActivity.class); 
     
    startActivity(intent); 
     
    overridePendingTransition(R.anim.lefttoright, R.anim.righttoleft); 

    public void change2(View v){
     Intent intent = new Intent(this, OtherActivity.class);
     
     startActivity(intent);
     
     overridePendingTransition(R.anim.lefttoright, R.anim.righttoleft);
    }
案例源碼下載地址:點擊下載http://up.aiwalls.com/2012/0330/20120330112141212.rar
  

摘自  God's blog
 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *