最近閒啊，所以一直都在看些部落格。想到自己沒怎麼用過動畫，總不能老用別人寫好的動畫就滿足了吧。所以自己學習了幾天的動畫。

傳統動畫

傳統動畫，就是Android3.0之前就可以使用的 API 現在用的情況已經比較少了。但仍然還是學習一下，幀動畫（Frame by frame）偶爾還是會被用到。

1.補間動畫（Tweened Animations）

補間動畫主要有四種：
縮放（ScaleAnimation）
漸變（AlphaAnimation）
平移（TranslateAnimation）
旋轉（RotateAnimation）

方法1：
在程式碼中新增一個旋轉動畫：

    AnimationSet animationSet = new AnimationSet(true);
    //引數1 開始角度
    //引數2 結束角度
    //引數3、4 x軸位置
    //引數5、6 y軸位置
    RotateAnimation rotateAnimation = new RotateAnimation(0, 360,
            Animation.RELATIVE_TO_SELF, 0.5f,
            Animation.RELATIVE_TO_SELF, 0.5f);
    rotateAnimation.setDuration(1000
 
);//設定動畫長度 單位毫秒
    animationSet.addAnimation(rotateAnimation);
    image.startAnimation(animationSet);

方法2：
在資原始檔（/res/anim/xxx.xml）中設定一個透明度漸變動畫：

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

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

在程式碼中呼叫這個動畫：

    Animation animation = AnimationUtils.loadAnimation(this, R.anim.xxx);
    image.startAnimation(animation);

簡單講的話，Tween動畫就這麼多了。
但是，其實這個可以研究、可自定義的東西遠不止這些：
1.動畫可以設定插值器（interpolator），所謂插值器就是控制變化快慢的函式，比如你想要一個勻速的變換或者一個均勻加速又或者先快後慢等效果，可以直接呼叫系統中的插值器幫你完成。

animationSet.setInterpolator(new AccelerateDecelerateInterpolator());

系統自帶插值器有
AccelerateDecelerateInterpolator 開始與結束的地方速率改變比較慢，在中間的時候加速

AccelerateInterpolator 開始的地方速率改變比較慢，然後開始加速

AnticipateInterpolator 開始的時候向後然後向前甩

AnticipateOvershootInterpolator 開始的時候向後然後向前甩一定值後返回最後的值

BounceInterpolator 動畫結束的時候彈起

CycleInterpolator 迴圈播放特定的次數，速率改變沿著正弦曲線

DecelerateInterpolator 在開始的地方快然後慢
建立的時候，可以傳factor值，如DecelerateInterpolator(2f)：

LinearInterpolator 以常量速率改變(勻速)

OvershootInterpolator 向前甩一定值後再回到原來位置
建立的時候，可以傳tension值，OvershootInterpolator(0.8f)：

2.動畫有一些其他的方法，比如
設定啟動延時： rotateAnimation1.setStartOffset(1000);

設定監聽器：

rotateAnimation1.setAnimationListener(new AnimationListener() {

                @Override
                public void onAnimationStart(Animation animation) {
                    // TODO Auto-generated method stub
                    //動畫開始時觸發
                }

                @Override
                public void onAnimationRepeat(Animation animation) {
                    // TODO Auto-generated method stub
                    //動畫重複時觸發
                }

                @Override
                public void onAnimationEnd(Animation animation) {
                    // TODO Auto-generated method stub
                    //動畫結束時觸發
                }
            });

設定迴圈重複：

anm.setRepeatMode(Animation.RESTART);
anm.setRepeatCount(Animation.INFINITE);

3.還有一個 你可以給你的Layout加上子控制元件新增進來時產生的動畫（LayoutAnimationsController）：
LayoutAnimationsController可以用於實現使多個控制元件按順序一個一個的顯示。

1)LayoutAnimationsController用於為一個layout裡面的控制元件，或者是一個ViewGroup裡面的控制元件設定統一的動畫效果。
2)每一個控制元件都有相同的動畫效果。
3)控制元件的動畫效果可以在不同的時間顯示出來。
4)LayoutAnimationsController可以在xml檔案當中設定，也可以在程式碼當中進行設定。

layout_anim.xml：

<layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android"
    android:animation="@anim/item_anim"
    android:animationOrder="normal"
    android:delay="0.5" />

item_anim.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/accelerate_interpolator"
    android:shareInterpolator="true" >

    <alpha
        android:duration="1500"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

layout設定：

    <LinearLayout
        android:layoutAnimation="@anim/layout_anim"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/rotateButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="旋轉" />

        <Button
            android:id="@+id/scaleButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="縮放" />

        <Button
            android:id="@+id/alphaButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="淡入淡出" />

        <Button
            android:id="@+id/translateButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="移動" />

        <Button
            android:id="@+id/nextDemoButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="next" />
    </LinearLayout>

就可以看到效果了。

當然這些同樣可以在程式碼裡建立和設定，這裡就不在多贅述了。
（建立Animation，建立LayoutAnimationController並對其進行設定，再將其設定給Layout物件）

2.幀動畫（Frame by Frame）

幀動畫我自己在Demo裡沒有做，沒有合適的素材哈哈。

android:oneshot 是否迴圈播放
android:drawable    Drawable資源，用於這一幀的圖片。
android:duration    Integer型別.該幀的時長，單位為毫秒milliseconds.

res/anim/xxx.xml:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>

呼叫程式碼：

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.xxx);
rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
rocketAnimation.start();

屬性動畫

屬性動畫是近年來使用較多的做法，它直接修改操作物件的某一個屬性而不僅僅是對其進行影象上的變換。
就比如說 如果對一個按鈕進行補間動畫的縮放，那麼按鈕上的文字內容會被拉伸/縮小 得變形甚至難以辨認，
而屬性動畫的原理是修改這個按鈕的width和height屬性，所以不需要擔心文字會被變化得變形。

由於篇幅已經挺長了，關於更多的屬性動畫內容我們下篇文章再一起學習！

先放張我Demo目前的效果圖吧：

Demo會在下篇文章開放下載（也許還會修改 新增部分內容）