【轉載】Android的 動畫 Android動畫學習筆記-Android Animation

Android的Activity屏幕切換動畫-左右滑動切換

Android動畫之初步(一)

Android動畫效果translate、scale、alpha、rotate詳解

Android動畫學習筆記-Android Animation

Activity動畫效果Demo

Android的animation由四種類型組成

XML中

alpha	漸變透明度動畫效果
scale	漸變尺寸伸縮動畫效果
translate	畫面轉換位置移動動畫效果
rotate	畫面轉移旋轉動畫效果

JavaCode中

AlphaAnimation	漸變透明度動畫效果
ScaleAnimation	漸變尺寸伸縮動畫效果
TranslateAnimation	畫面轉換位置移動動畫效果
RotateAnimation	畫面轉移旋轉動畫效果

Android動畫模式

Animation主要有兩種動畫模式：

一種是tweened animation(漸變更畫)

XML中	JavaCode
alpha	AlphaAnimation
scale	ScaleAnimation

一種是frame by frame(畫面轉換動畫)

 

XML中	JavaCode
translate	TranslateAnimation
rotate	RotateAnimation

在Android開發過程當中，常常會碰到Activity之間的切換效果的問題，下面介紹一下如何實現左右滑動的切換效果，首先了解一下Activity切換的實現，從Android2.0開始在Activity增長了一個方法：

 

public void overridePendingTransition (int enterAnim, int exitAnim)

其中：

enterAnim 定義Activity進入屏幕時的動畫

exitAnim 定義Activity退出屏幕時的動畫

overridePendingTransition 方法必須在startActivity()或者 finish()方法的後面。

Android已經內置了幾種動畫效果，能夠見 android.R.anim 類。通常狀況下咱們須要本身定義屏幕切換的效果。首先咱們先了解Activity的位置定義，以下圖：

從上圖能夠看出，以手機屏幕下面邊未X軸，屏幕左邊爲Y軸，當Activity在X軸值爲-100%p時，恰好在屏幕的左邊（位置1），當X軸值爲0%p時，恰好再屏幕內(位置2），當X=100%p時恰好在屏幕右邊（位置3）。

 

fromXDelta：位置變化的起始點X座標。

toXDelta：位置變化的結束點X座標。

fromYDelta：位置變化的起始點Y座標。

toYDelta：位置變化的結束點Y座標。

這裏重點提一下android:pivotX和android:pivotY和android:fromXDelta,android:toXDelta

android:pivotX="50"使用絕對座標

android:pivotX="50%"相對本身

android:pivotX="50%p"相對父控件

 

清楚了位置後，咱們就能夠實現左右滑動的切換效果，首先讓要退出的Activity從位置2移動到位置1，同時讓進入的Activity從位置3移動位置2，這樣就能實現從左右切換效果。

實現過程以下，首先定義2個動畫，在 res目錄建立anim目錄， 而後在目錄建立動畫的xml文件：out_to_left.xml (從左邊退出動畫) 、in_from_right.xml(從右邊進入動畫)

out_to_left.xml (從 位置2 移動到 位置1)

?

1 2 3 4 5

<? xml version = "1.0" encoding = "utf-8" ?> < set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "<a href=" http://my.oschina.net/asia" class = "referer" target = "_blank" >@android</ a > :anim/accelerate_interpolator">      < translate android:fromXDelta = "0%p" android:toXDelta = "-100%p"          android:duration = "500" /> </ set >

in_from_right.xml (從 位置3 移動到 位置2)

?

1 2 3 4 5

<? xml version = "1.0" encoding = "utf-8" ?> < set xmlns:android = "http://schemas.android.com/apk/res/android" android:interpolator = "<a href=" http://my.oschina.net/asia" class = "referer" target = "_blank" >@android</ a > :anim/accelerate_interpolator">      < translate android:fromXDelta = "100%p" android:toXDelta = "0%p"          android:duration = "500" /> </ set >

注： android:fromXDelta 動畫開始的位置，  android:toXDelta 動畫結束的位置， android:duration動畫的時間。

 

Android 代碼以下：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

public class LeftRightSlideActivity extends Activity {      @Override      public void onCreate(Bundle savedInstanceState) {          super .onCreate(savedInstanceState);          setContentView(R.layout.main);                      Button button = (Button)findViewById(R.id.button1);          button.setOnClickListener( new View.OnClickListener() {               @Override              public void onClick(View v) {                  Intent intent = new Intent();                  intent.setClass(LeftRightSlideActivity. this , SlideSecondActivity. class );                  startActivity(intent);                  //設置切換動畫，從右邊進入，左邊退出                  overridePendingTransition(R.anim.in_from_right, R.anim.out_to_left);                             }          });      } }

 

效果圖以下：

 

     

雖然左右滑動切換的實現很簡單，可是對於原理的理解很重要，掌握了原理能夠充分發揮想象力設計出各類各樣的動畫效果，但願對一些入門的新手有幫助。

//=================================================