1. 程式人生 > >activity跳轉的過渡效果,很漂亮,很全

activity跳轉的過渡效果,很漂亮,很全

注意,切換方法overridePendingTransition只能在startActivity和finish方法之後呼叫。

第一個引數為第一個Activity離開時的動畫,第二引數為所進入的Activity的動畫效果
淡入淡出效果
overridePendingTransition(R.anim.fade, R.anim.hold);
放大淡出效果
overridePendingTransition(R.anim.my_scale_action,R.anim.my_alpha_action);
轉動淡出效果
overridePendingTransition(R.anim.scale_rotate,R.anim.my_alpha_action);

轉動淡出效果
overridePendingTransition(R.anim.scale_translate_rotate,R.anim.my_alpha_action);
左上角展開淡出效果
overridePendingTransition(R.anim.scale_translate,R.anim.my_alpha_action);
壓縮變小淡出效果
overridePendingTransition(R.anim.hyperspace_in,R.anim.hyperspace_out);
右往左推出效果
overridePendingTransition(R.anim.push_left_in,R.anim.push_left_out);

下往上推出效果
overridePendingTransition(R.anim.push_up_in,R.anim.push_up_out);
左右交錯效果
overridePendingTransition(R.anim.slide_left,R.anim.slide_right);
放大淡出效果
overridePendingTransition(R.anim.wave_scale,R.anim.my_alpha_action);
縮小效果
overridePendingTransition(R.anim.zoom_enter,R.anim.zoom_exit);
上下交錯效果
overridePendingTransition(R.anim.slide_up_in,R.anim.slide_down_out); 


Activity的切換動畫指的是從一個activity跳轉到另外一個activity時的動畫。
{它包括兩個部分:
一部分是第一個activity退出時的動畫;
另外一部分時第二個activity進入時的動畫;
在Android的2.0版本之後,有了一個函式來幫我們實現這個動畫。這個函式就是overridePendingTransition
j這個函式有兩個引數,一個引數是第一個activity退出時的動畫,另外一個引數則是第二個activity進入時的動畫。


兩個Activity跳轉的時候,自定義翻頁效果:


  • Intent intent = new Intent(FirstActivity.this, SecondActivity.class);     
  • startActivityForResult(intent, 11);     

Intent intent = new Intent(FirstActivity.this, SecondActivity.class);   startActivityForResult(intent, 11);                 



//新增介面切換效果,注意只有Android的2.0(SdkVersion版本號為5)以後的版本才支援   


  • int version = Integer.valueOf(android.os.Build.VERSION.SDK);        
  • if(version  >= 5) {        
  •      overridePendingTransition(R.anim.zoomin, R.anim.zoomout);  //此為自定義的動畫效果,下面兩個為系統的動畫效果     
  •    //overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);      
  •      //overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);     
  • }      

int version = Integer.valueOf(android.os.Build.VERSION.SDK);      if(version  >= 5) {           overridePendingTransition(R.anim.zoomin, R.anim.zoomout);  //此為自定義的動畫效果,下面兩個為系統的動畫效果      //overridePendingTransition(android.R.anim.fade_in,android.R.anim.fade_out);          //overridePendingTransition(android.R.anim.slide_in_left,android.R.anim.slide_out_right);   }    

下面為兩個自定義的動畫效果XML檔案,存放位置為:res/anim/

1,動畫進入效果:zoomin.xml


  • <?xml version="1.0" encoding="utf-8"?>     
  • <set xmlns:android="http://schemas.android.com/apk/res/android"   
  •         android:interpolator="@android:anim/decelerate_interpolator">     
  •     <scale android:fromXScale="2.0" android:toXScale="1.0"   
  •            android:fromYScale="2.0" android:toYScale="1.0"   
  •            android:pivotX="50%p" android:pivotY="50%p"   
  •            android:duration="@android:integer/config_mediumAnimTime" />     
  • </set>    

<?xml version="1.0" encoding="utf-8"?>   <set xmlns:android="http://schemas.android.com/apk/res/android"          android:interpolator="@android:anim/decelerate_interpolator">       <scale android:fromXScale="2.0" android:toXScale="1.0"             android:fromYScale="2.0" android:toYScale="1.0"             android:pivotX="50%p" android:pivotY="50%p"             android:duration="@android:integer/config_mediumAnimTime" />   </set>  


2,動畫退出效果:zoomout.xml


  • <?xml version="1.0" encoding="utf-8"?>     
  • <set xmlns:android="http://schemas.android.com/apk/res/android"   
  •         android:interpolator="@android:anim/decelerate_interpolator"   
  •         android:zAdjustment="top">     
  •     <scale android:fromXScale="1.0" android:toXScale=".5"   
  •            android:fromYScale="1.0" android:toYScale=".5"   
  •            android:pivotX="50%p" android:pivotY="50%p"   
  •            android:duration="@android:integer/config_mediumAnimTime" />     
  •     <alpha android:fromAlpha="1.0" android:toAlpha="0"   
  •            android:duration="@android:integer/config_mediumAnimTime"/>     
  • </set>