1、簡介

Animations是一個實現android UI界面動畫效果的API，Animations提供了一系列的動畫效果，可以進行旋轉、縮放、淡入淡出等，這些效果可以應用在絕大多數的控件中。

Animations從總體上可以分為兩大類：

• Tweened Animations(漸變動畫)：該類Animations提供了旋轉、移動、伸展和淡出等效果。Alpha——淡入淡出，Scale——縮放效果，Rotate——旋轉，Translate——移動效果。
• Frame-by-frame Animations(畫面轉換動畫) ：這一類Animations可以創建一個Drawable序列，這些Drawable可以按照指定的時間間歇一個一個的顯示。

至于 LayoutAnimation（布局動畫） 和 Property Animation（屬性動畫）就不在這里提啦。

2、TweenedAnimations

使用TweenedAnimations的步驟：

1. 創建一個AnimationSet對象（Animation子類）
2. 增加需要創建相應的Animation對象
3. 更據項目的需求，為Animation對象設置相應的數據
4. 將Animatin對象添加到AnimationSet對象當中
5. 使用控件對象開始執行AnimationSet

可根據需求是否使用 AnimationSet，若只有一種動畫，直接使用Animation對象去執行也可以。

在XML文件中定義動畫：

1. 在res目錄中新建anim文件夾
2. 在anim目錄中新建一個my_anim.xml(注意文件名小寫)
3. 在 my_anim.xml 加入代碼

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
    <alpha />
    <scale />
    <translate />
    <rotate />
</set>

這就是各種動畫標簽，當然，alpha這些同樣可以做根節點。

Tweened Animations的分類：

動畫使用的類	Xml標簽	動畫的效果
AlphaAnimation	<alpha/>	漸變透明度動畫效果
ScaleAnimation	<scale/>	漸變尺寸縮放動畫效果
RotateAnimation	<rotate/>	畫面旋轉動畫效果
TranslateAnimation	<translate/>	畫面位置移動動畫效果

Tween Animations的通用方法：

　　１、setDuration(long durationMills)　設置動畫持續時間（單位：毫秒）
　　２、setFillAfter(Boolean fillAfter)　如果fillAfter的值為true,則動畫執行后，控件將停留在執行結束的狀態
　　３、setFillBefore(Boolean fillBefore)　如果fillBefore的值為true，則動畫執行后，控件將回到動畫執行之前的狀態
　　４、setInterpolator(Interpolator i) 動畫插入器（加速、減速插入器），大家可以看我的博客Android動畫–Interpolator的介紹 。 　
　 　5、setStartOffSet(long startOffSet)　設置動畫執行之前的等待時間
　 　6、setRepeatCount(int repeatCount)　設置動畫重復執行的次數
　 　7、setRepeatMode(int repeatMode) 設置順序重復或倒序重復

1、AlphaAnimation

控制對象alpha水平的動畫。這個動畫可以通過改變alpha屬性，達到漸進漸出的效果。

1、構造方法：

AlphaAnimation(float fromAlpha, float toAlpha)

AlphaAnimation anim = new AlphaAnimation(0.0f, 1.0f); //從0.01f到1.0f漸變。0.0是完全透明，1.0完全不透明。

2、設置動畫持續時間：

anim.setDuration(3000);

3、為控件綁定動畫效果：

imageView.setAnimation(anim);

4、開始動畫：

anim.start();

如果要從 xml 文件中將動畫效果添加到View上也只需要一行代碼：

imageView.startAnimation(AnimationUtils.loadAnimation(this, R.anim.my_anim));

如果需要重用這個動畫，也可以將其抽離出來。以下代碼將AlphaAnimation抽離后的代碼可以如下：

AlphaAnimation animation = (AlphaAnimation) AnimationUtils.loadAnimation(this, R.anim.my_anim);
imageView.startAnimation(animation);

想要了解 xml alpha標簽的各個屬性，可以看我的博客Android–各種標簽介紹，里面有對 alpha 介紹，這里就不提啦。

在代碼中使用 Animation 可以很方便的調試、運行，但是代碼的可重用性差，重復代碼多。同樣可以在xml文件中配置 Animation，這樣做可維護性變高了，只不過不容易進行調試。

2、ScaleAnimation

該動畫是為用作控制對象縮放比例，達到漸變尺寸縮放動畫效果。

構造方法：

ScaleAnimation(float fromX, float toX, float fromY, float toY,);
//fromX，toX 分別是起始和結束時x坐標上的伸縮尺寸。
//fromY，toY 分別是起始和結束時y坐標上的伸縮尺寸。

ScaleAnimation(float fromX, float toX, float fromY, float toY,
            float pivotX, float pivotY)
//pivotX，pivotY分別是伸縮動畫相對于 x,y 坐標開始的位置。

ScaleAnimation(float fromX, float toX, float fromY, float toY,
          int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//pivotXType 動畫在X軸相對于物件位置類型（可以取值為ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT）   
//pivotXValue 動畫相對于物件的X坐標的開始位置   
//pivotYType 動畫在Y軸相對于物件位置類型   
//pivotYValue 動畫相對于物件的Y坐標的開始位置   

ScaleAnimation animation =new ScaleAnimation(0, 1, 0, 1, Animation.RELATIVE_TO_PARENT, 0.5f, Animation.RELATIVE_TO_PARENT, 0.5f);
imageView.setAnimation(animation);
animation.setDuration(3000);
animation.start();

之所以會移動就是因為 pivotXtype 這樣的屬性啦，我們設置的是Animation.RELATIVE_TO_PARENT并且值為0.5f，就會以父控件的中心去進行縮放動畫啦，而這個中心不是指這個頁面的中心，而是從這個view以下剩余的空間的中心，它會從這個點移動到原來的位置。

如果設置成Animation.RELATIVE_TO_SELF：

ScaleAnimation animation1 = new ScaleAnimation(0, 1, 0, 1, Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.5f);

就會與使用pivotX，pivotY類似的效果。

3、RotateAnimation

該動畫是為用作控制旋轉，達到畫面旋轉動畫效果。

構造方法：

RotateAnimation(float fromDegrees, float toDegrees)
//fromDegrees：旋轉的開始角度。   
//toDegrees：旋轉的結束角度。 

RotateAnimation(float fromDegrees, float toDegrees, float pivotX, float pivotY)
//pivotX，pivotY：旋轉的中心點相對于開始x，y坐標的位置

RotateAnimation (float fromDegrees, float toDegrees, int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//pivotXType：X軸的伸縮模式，可以取值為ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT。   
//pivotXValue：X坐標的伸縮值。   
//pivotYType：Y軸的伸縮模式   
//pivotYValue：Y坐標的伸縮值。

RotateAnimation animation = new RotateAnimation(0f,360f, Animation.RELATIVE_TO_SELF,
                0.5f,Animation.RELATIVE_TO_SELF,0.5f);
animation.setDuration(3000);
imageView.setAnimation(animation);
animation.start();

4、TranslateAnimation

該動畫是為用作控制位置移動，達到畫面位置移動動畫效果。

構造方法：

TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)
//fromXDelta 動畫開始的點離當前View X坐標上的差值   
//toXDelta 動畫結束的點離當前View X坐標上的差值   
//fromYDelta 動畫開始的點離當前View Y坐標上的差值   
//toYDelta 動畫開始的點離當前View Y坐標上的差值  

TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue,
            int fromYType, float fromYValue, int toYType, float toYValue)
//fromXType 動畫開始時在X軸相對于物件位置類型（可以取值為ABSOLUTE、RELATIVE_TO_SELF、RELATIVE_TO_PARENT）   
//fromXValue 動畫開始時相對于物件的X坐標的開始位置   
//toXType 動畫結束時在X軸相對于物件位置類型   
//toXValue 動畫結束時相對于物件的X坐標的開始位置   
//fromYType 動畫開始時在Y軸相對于物件位置類型
//fromYValue 動畫開始時相對于物件的Y坐標的開始位置 
//toYType 動畫結束時在Y軸相對于物件位置類型
//toYValue 動畫結束時相對于物件的Y坐標的開始位置  

TranslateAnimation animation = new TranslateAnimation(0, 100, 0, 300);
animation.setDuration(1000);
animation.setRepeatCount(2);
animation.setRepeatMode(Animation.REVERSE);
imageView.setAnimation(animation);
animation.start();

5、動畫監聽

AnimationListener就是 Animation的監聽接口。

final RotateAnimation animation1 = new RotateAnimation(0f,360f, 50.0f, 50.0f);
animation1.setDuration(3000);
final TranslateAnimation animation2 = (TranslateAnimation)
        AnimationUtils.loadAnimation(this, R.anim.traslate);
imageView.startAnimation(animation1);

animation1.setAnimationListener(new Animation.AnimationListener() {
     @Override
     public void onAnimationStart(Animation animation) {

     }

     @Override
     public void onAnimationEnd(Animation animation) {
                imageView.startAnimation(animation2);
     }

     @Override
     public void onAnimationRepeat(Animation animation) {

     }
  });

AnimationListener 會讓我們重寫三個方法，分別是開始的時候調用，完成的時候調用，重復的時候調用。

translate 是我寫得一個 anim Xml，代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXDelta="-100%"
    android:fromYDelta="0"
    android:toXDelta="100%p"
    android:toYDelta="0" />

6、AnimationSet

上面四種動畫就是 Tweened Animations 的主要動畫，但在開發的時候，我們并不是只單獨的使用它們中的某一種，我們也會把它們組合起來使用，這時候有兩種方法，第一種就是上面所用的 AnimationListener，在一個動畫結束后去開始另一個，不過這種方式不能將幾種動畫的效果疊加在一起。第二種就是使用動畫集 AnimationSet 啦。

構造方法：

AnimationSet(boolean shareInterpolator)
//true表示使用Animation的interpolator，false則是使用自己的，默認為LinearInterpolator。

要想實現和 AnimationListener 一樣的效果，只要為第二個動畫設置startOffset，值為前一個動畫播放的時間即可。

AnimationSet as = new AnimationSet(true);
RotateAnimation animation1 = new RotateAnimation(0f,360f, 50.0f, 50.0f);
animation1.setDuration(3000);
ranslateAnimation animation2 = (TranslateAnimation)
                AnimationUtils.loadAnimation(this, R.anim.traslate);
animation2.setStartOffset(3000);
as.addAnimation(animation1);
as.addAnimation(animation2);
imageView.startAnimation(as);

但因為是動畫開始播放的間隔，所以開始前設置的如起始點的位置是會被后面的動畫所覆蓋的。

AnimationSet as = new AnimationSet(true);
RotateAnimation animation1 = new RotateAnimation(0f,360f, 50.0f, 50.0f);
animation1.setRepeatCount(1);
animation1.setDuration(3000);
ScaleAnimation animation2 = new ScaleAnimation(1,3,1,3);
animation2.setDuration(3000);
ScaleAnimation animation3 = new ScaleAnimation(1f,1/3f,1f,1/3f);
animation3.setDuration(3000);
animation3.setStartOffset(3000);
as.addAnimation(animation1);
as.addAnimation(animation2);
as.addAnimation(animation3);
imageView.startAnimation(as);

7、Activity切換動畫

Activity的切換動畫指的是從一個activity跳轉到另外一個activity時的動畫。

它包括兩個部分：

1. Activity退出時的動畫；
2. Activity進入時的動畫；

overridePendingTransition 就是提供給我們實現這個動畫的函數。

overridePendingTransition(int enterAnim, int exitAnim)
//enterAnim 定義Activity進入屏幕時的動畫
//exitAnim 定義Activity退出屏幕時的動畫

關于overridePendingTransition這個函數，它必須緊挨著startActivity()或者finish()函數之后調用。

這里寫一個例子，先寫好進入和退出的兩個動畫：

<!-- res/anim/zoom_in.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:duration="1000"
        android:fromXScale="0.1"
        android:fromYScale="0.1"
        android:pivotX="50%"
        android:pivotY="50%"
        android:toXScale="1.0"
        android:toYScale="1.0" />
    <alpha
        android:duration="1000"
        android:fromAlpha="0"
        android:toAlpha="1.0" />
</set>

<!-- res/anim/zoom_out.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:duration="500"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="50%p"
        android:pivotY="50%p"
        android:toXScale="0.1"
        android:toYScale="0.1" />

    <alpha
        android:duration="500"
        android:fromAlpha="1.0"
        android:toAlpha="0" />
</set>

這兩個都是很簡單的組合動畫，就是Activity在退出的時候會整個縮小并變透明，在進入的時候會放大并變得不透明。

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button) findViewById(R.id.button);
        button.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(MainActivity.this, MainActivity2.class);
                startActivity(intent);
                overridePendingTransition(R.anim.zoom_in, R.anim.zoom_out);
            }
        });
    }
}

而第二個Activity只有一張圖片充當背景。

3、FrameAnimations　

Frame動畫，即事先播放先做好的圖像，跟放膠片電影類似，開發步驟：
（1）把準備好的圖片放進項目res/ drawable下。
（2）在項目的res目錄下創建文件夾anim，然后在anim文件夾下面定義動畫XML文件，文件名稱可以自定義。當然也可以采用編碼方式定義動畫效果（使用AnimationDrawable類）。
（3）為View控件綁定動畫效果。調用代表動畫的AnimationDrawable的start()方法開始動畫。

這里也只是介紹下步驟，因為在我的博客Android–Drawable標簽介紹和Android–各種Drawable介紹已經有很詳細的介紹啦，有興趣的可以去看。

結束語：本文僅用來學習記錄，參考查閱。