程式執行效果圖：

Android動畫主要包含補間動畫（Tween）View Animation、幀動畫（Frame）Drawable Animation、以及屬性動畫Property Animation。下面依次介紹一下各個動畫。

1. 補間動畫（Tween）

Tween動畫，通過對View的內容進行一系列的圖形變換 (包括平移、縮放、旋轉、改變透明度)來實現動畫效果。動畫效果的定義可以採用XML來做也可以採用編碼來做。Tween動畫有4種類型：

我們可以為每一個動畫設定動畫插入器，Android自帶的幾種動畫插入器：

1.1預備知識：

抽象類Animation是一個實現androidUI介面動畫效果的API，Animation是補間動畫的基類，它的直接子類AlphaAnimation, RotateAnimation, ScaleAnimation, TranslateAnimation,AnimationSet,提供了一系列的動畫效果，可以進行淡入淡出、旋轉、縮放、動畫集等，這些效果可以應用在絕大多數的控制元件中。

1.2AlphaAnimation實現淡入淡出的動畫效果

//方式一通過程式碼的方式定義透明度動畫

AnimationalphaAnimation=new AlphaAnimation(1, (float) 0.1);

alphaAnimation.setDuration(3000);//設定動畫持續時間為3秒

alphaAnimation.setFillAfter(true);//設定動畫結束後保持當前的位置（即不返回到動畫開始前的位置）

imgShow.startAnimation(alphaAnimation);

//方式二通過在xml中定義透明度動畫

第一步：定義xml動畫檔案：alpha.xml

"1.0"encoding="utf-8"?>

<alphaxmlns:android="https://schemas.android.com/apk/res/android"

android:fromAlpha="1.0"

android:toAlpha="0.1"

android:duration="3000"

android:fillAfter="true"

android:repeatCount="2">

第二步：載入xml動畫檔案並將其設定到指定的View上

AnimationalphaAnimation2=AnimationUtils.loadAnimation(this, R.anim.alpha);//載入Xml檔案中的動畫

imgShow.startAnimation(alphaAnimation2);

程式執行效果圖：

1.3.RotateAnimation實現旋轉的動畫效果

主要屬性及說明：

repeatCount 重複次數

fromDegrees為動畫起始時物件的角度:

當角度為負數——表示逆時針旋轉

當角度為正數——表示順時針旋轉

(負數fromDegrees——toDegrees正數:順時針旋轉)

(負數fromDegrees——toDegrees負數:逆時針旋轉)

(正數fromDegrees——toDegrees正數:順時針旋轉)

(正數fromDegrees——toDegrees負數:逆時針旋轉)

toDegrees屬性為動畫結束時物件旋轉的角度可以大於360度

pivotX,pivotY 為動畫相對於物件的X、Y座標的開始位.說明：以上兩個屬性值從0%-100%中取值,50%為物件的X或Y方向座標上的中點位置。

例項：

//方式一通過程式碼的方式定義旋轉動畫

AnimationrotateAnimation=new RotateAnimation(0, 45);

rotateAnimation.setDuration(3000);//設定動畫持續時間為3秒

rotateAnimation.setFillAfter(true);//設定動畫結束後保持當前的位置（即不返回到動畫開始前的位置）

imgShow.startAnimation(rotateAnimation);

//方式二通過在xml中定義旋轉動畫

第一步：定義xml動畫檔案：rotate.xml

"1.0"encoding="utf-8"?>

<rotatexmlns:android="https://schemas.android.com/apk/res/android"

android:fromDegrees="0"

android:toDegrees="45"

android:duration="300"

android:fillAfter="true">

第二步：載入xml動畫檔案並將其設定到指定的View上

Animation rotateAnimation2=AnimationUtils.loadAnimation(this, R.anim.rotate);//載入Xml檔案中的動畫

imgShow.startAnimation(rotateAnimation2);

程式執行效果圖：

1.4.ScaleAnimation實現縮放動畫效果

主要屬性及說明：

fromXScale（浮點型）屬性為動畫起始時X座標上的縮放尺寸

fromYScale（浮點型）屬性為動畫起始時Y座標上的縮放尺寸

toXScale（浮點型） 屬性為動畫結束時X座標上的縮放尺寸

toYScale（浮點型） 屬性為動畫結束時Y座標上的縮放尺寸

說明: 以上四種屬性值

0.0表示收縮到沒有

1.0表示正常無縮放

值小於1.0表示收縮

值大於1.0表示放大

pivotX（浮點型） 屬性為動畫相對於物件的X座標的開始位置

pivotY（浮點型） 屬性為動畫相對於物件的Y座標的開始位置

說明:

以上兩個屬性值從0%-100%中取值

50%為物件的X或Y方向座標上的中點位置

duration（長整型）屬性為動畫持續時間。說明: 時間以毫秒為單位

fillAfter（布林型）屬性當設定為true，該動畫轉化在動畫結束後被應用

例項：

//方式一通過程式碼的方式定義縮放動畫

AnimationscaleAnimation=new ScaleAnimation(0.5f, 1.0f,1.0f, 1.0f);

scaleAnimation.setDuration(2000);//設定動畫持續時間為3秒

scaleAnimation.setFillAfter(true);//設定動畫結束後保持當前的位置（即不返回到動畫開始前的位置）

scaleAnimation.setRepeatCount(3);

imgShow.startAnimation(scaleAnimation);

//方式二通過在xml中定義縮放動畫

第一步：定義xml動畫檔案：scale.xml

"1.0"encoding="utf-8"?>

<scalexmlns:android="https://schemas.android.com/apk/res/android"

android:fromXScale="0.5"

android:toXScale="1.0"

android:fromYScale="1.0"

android:toYScale="1.0"

android:duration="3000"

android:fillAfter="true">

第二步：載入xml動畫檔案並將其設定到指定的View上

AnimationscaleAnimation2=AnimationUtils.loadAnimation(this, R.anim.scale);//載入Xml檔案中的動畫imgShow.startAnimation(scaleAnimation2);

程式執行效果圖：

1.5. TranslateAnimation實現位移動畫效果

//方式一通過程式碼的方式定義位移動畫

AnimationtranslateAnimation=new TranslateAnimation(0, 100, 0, 0);

translateAnimation.setDuration(3000);//設定動畫持續時間為3秒

translateAnimation.setInterpolator(this, android.R.anim.cycle_interpolator);//設定動畫插入器

translateAnimation.setFillAfter(true);//設定動畫結束後保持當前的位置（即不返回到動畫開始前的位置）

imgShow.startAnimation(translateAnimation);

//方式二通過在xml中定義位移動畫

第一步：定義xml動畫檔案：translate.xml

"1.0"encoding="utf-8"?>

"https://schemas.android.com/apk/res/android"

android:fromXDelta="0"

android:toXDelta="260"

android:fromYDelta="0"

android:toYDelta="600"

android:duration="3600"

android:fillAfter="true"

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

第二步：載入xml動畫檔案並將其設定到指定的View上

AnimationtranslateAnimation2=AnimationUtils.loadAnimation(this, R.anim.translate);//載入Xml檔案中的動畫

imgShow.startAnimation(translateAnimation2);

程式執行效果圖：

1.6.AnimationSet實現多種動畫混合效果

定義動畫集主要用到了AnimationSet類，該類可以新增多個補間動畫啊。

//方式一通過程式碼的方式定義動畫集

AnimationSetanimationSet=new AnimationSet(true);//定義一個動畫集，並設定所有的動畫使用一個動畫插入其

Animation translateAnimation2=AnimationUtils.loadAnimation(this, R.anim.translate);//載入Xml檔案中的動畫

AnimationalphaAnimation2=AnimationUtils.loadAnimation(this, R.anim.alpha);//載入Xml檔案中的動畫

Animation rotateAnimation2=AnimationUtils.loadAnimation(this, R.anim.rotate);//載入Xml檔案中的動畫

Animation scaleAnimation2=AnimationUtils.loadAnimation(this, R.anim.scale);//載入Xml檔案中的動畫

animationSet.addAnimation(translateAnimation2);

animationSet.addAnimation(alphaAnimation2);

animationSet.addAnimation(rotateAnimation2);

animationSet.addAnimation(scaleAnimation2);

animationSet.setInterpolator(this, android.R.anim.anticipate_interpolator);

imgShow.startAnimation(animationSet);

//方式二在xml檔案中設定動畫集合

第一步：定義xml動畫檔案：animset.xml

"1.0"encoding="utf-8"?>

<setxmlns:android="https://schemas.android.com/apk/res/android">

android:fromAlpha="1.0"

android:toAlpha="0.1"

android:duration="3000"

android:fillAfter="true"

android:repeatCount="2">

android:fromDegrees="0"

android:toDegrees="45"

android:duration="300"

android:fillAfter="true">

android:fromXScale="0.5"

android:toXScale="1.0"

android:fromYScale="1.0"

android:toYScale="1.0"

android:duration="3000"

android:fillAfter="true">

android:fromXDelta="0"

android:toXDelta="260"

android:fromYDelta="0"

android:toYDelta="600"

android:duration="3600"

android:fillAfter="true"

android:interpolator="@android:anim/accelerate_decelerate_interpolator">

第二步：載入xml動畫檔案並將其設定到指定的View上

AnimationSetanimationSet2=(AnimationSet) AnimationUtils.loadAnimation(this, R.anim.animset);

程式執行效果圖：

提示：雖然可以通過程式碼的方式定義動畫，但是Android官方還是建議在xml中定義動畫效果，這樣可做到最大程度上的解耦，方便專案的後期維護。

2. 幀動畫（Frame）

Frame動畫，即順序播放事先做好的影象，跟放膠片電影類似。

開發步驟：

（1）把準備好的圖片放進專案res/ drawable下。

（2）在專案的drawable資料夾下面定義動畫XML檔案，檔名稱可以自定義。當然也可以採用編碼方式定義動畫效果（使用AnimationDrawable類）。

（3）為View控制元件繫結動畫效果。呼叫代表動畫的AnimationDrawable的start()方法開始動畫。

例項：

framelist.xml

"1.0"encoding="utf-8"?>

<animation-listxmlns:android="https://schemas.android.com/apk/res/android"

android:oneshot="false">

<itemandroid:drawable="@drawable/zzlx1"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx2"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx3"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx4"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx5"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx6"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx7"android:duration="200"/>

<itemandroid:drawable="@drawable/zzlx8"android:duration="200"/>

程式碼分析：

上面的XML就定義了一個Frame動畫，其包含8幀動畫，8幀動畫中分別應用了drawable中的8張圖片：zzlx1、zzlx2、zzlx3....，每幀動畫持續200毫秒。android:oneshot屬性如果為true，表示動畫只播放一次停止在最後一幀上，如果設定為false表示動畫迴圈播放。

在Xml中定義好幀動畫之後就可以將其設定到View上了，請看下面程式碼：

//第一步將animation-list設定為ImageView的背景

imgShow.setBackgroundResource(R.drawable.framelist);

//第二步獲取ImagView的背景並將其轉換成AnimationDrawable

AnimationDrawableanimationDrawable=(AnimationDrawable)imgShow.getBackground();

//第三步開始播放動畫

animationDrawable.start();

提示：

有一點需要強調的是：啟動Frame動畫的程式碼animationDrawable.start();不能應用在OnCreate()方法中，因為在OnCreate()中AnimationDrawable還沒有完全的與ImageView繫結。在OnCreate()中啟動動畫，只能看到第一張圖片。這裡在觸控事件中實現的

程式執行效果圖：

3. 屬性動畫（Property Animation)

使用屬性動畫注意事項：

1). object必須要提供setXxx方法，如果動畫的時候沒有傳遞初始值，那麼還要提供getXxx方法，因為系統要去拿xxx屬性的初始值（如果這條不滿足，程式直接Crash）

2). object的setXxx對屬性xxx所做的改變必須能夠通過某種方法反映出來，比如會帶來ui的改變啥的（如果這條不滿足，動畫無效果但不會Crash）

以上條件缺一不可。

3).對應沒有getXxx和setXxx方法或有getXxx和setXxx方法但和getXxx和setXxx方法設定的屬性不是我們想要的效果如，我們對Button的width屬性做動畫沒有效果？這是因為Button內部雖然提供了getWidth和setWidth方法，但是這個setWidth方法並不是改變檢視的大小，它是TextView新新增的方法，View是沒有這個setWidth方法的，由於Button繼承了TextView，所以Button也就有了setWidth方法.getWidth的確是獲取View的寬度的，而setWidth是TextView和其子類的專屬方法，它的作用不是設定View的寬度，而是設定TextView的最大寬度和最小寬度的，這個和TextView的寬度不是一個東西，具體來說，TextView的寬度對應Xml中的android :layout_width屬性，而TextView還有一個屬性android :width，這個android:width屬性就對應了TextView的setWidth方法。這裡給出一種解決方法及使用包裝類：用一個類來包裝原始物件，間接為其提供get和set方法。如下：

/**

*包裝類用於封裝View的with、height,

*你可以通過getXxx以及setXxx方法設定View的寬和高

*@author jph

*/

class WrapView{

private Viewview;

privateintwidth;

privateintheight;

public WrapView(View view){

this.view=view;

}

publicint getWidth() {

returnview.getLayoutParams().width;

}

publicvoid setWidth(int width) {

this.width = width;

view.getLayoutParams().width=width;//修改View的高度

view.requestLayout();//重新整理View的佈局

}

publicint getHeight() {

returnview.getLayoutParams().height;

}

publicvoid setHeight(int height) {

this.height=height;

view.getLayoutParams().height = height;

view.requestLayout();

}

}

例項：

程式執行效果圖：