Android提供三種形式動畫：檢視動畫，幀動畫，屬性動畫。其中屬性動畫的功能最強大，在android 3.0中開始引入。本文介紹檢視動畫和幀動畫的使用技巧。

1 檢視動畫（View Animation）

Android的檢視動畫可以完成一系列的補間動畫（Tween Animation），如平移，縮放，旋轉，透明度變化等。檢視動畫是針對View的內容（content），因此，當View發生檢視動畫後，其響應事件的位置還是在動畫之前的地方，檢視動畫僅僅改變的是View的內容的展示（如針對Button的平移動畫，將Button的中心從A點移動到B點，動畫完成後Button在B點顯示，但如果要點選Button,還是得點A點區域，而不是點B點區域）。Android提供兩種方式來定義動畫：XML和Android Code（寫程式碼的形式），推薦使用XML方式，因為可讀性更好。下面分別介紹這兩種檢視動畫的使用：

1.1 XML方式

XML定義檢視動畫的語法如下：

1. <?xmlversion="1.0"encoding="utf-8"?><setxmlns:android="http://schemas.android.com/apk/res/android"
2.     android:interpolator="@[package:]anim/interpolator_resource"
3.     android:shareInterpolator=["true" | "false"] >
4. <alpha
5.         android:interpolator
   ="@android:anim/accelerate_decelerate_interpolator"
6.         android:fromAlpha="float"
7.         android:toAlpha="float"/>
8.     <scale
9.         android:fromXScale="float"
10.         android:toXScale="float"
11.         android:fromYScale="float"
12.         android:toYScale="float"
13.         android:pivotX
    ="float"
14.         android:pivotY="float"/>
15.     <translate
16.         android:fromXDelta="float"
17.         android:toXDelta="float"
18.         android:fromYDelta="float"
19.         android:toYDelta="float"/>
20.     <rotate
21.         android:fromDegrees="float"
22.         android:toDegrees="float"
23.         android:pivotX="float"
24.         android:pivotY="float"/>
25.     <set>
26.         ...  
27.     </set>
28. </set>

<alpha>, <scale>, <translate>, <rotate>四個標籤分別對應透明度、縮放、平移、旋轉四種形式的檢視動畫，<set>用來定義一組或多組動畫，它們分別對應AlphaAnimation，ScaleAnimation，TranslateAnimation，RotateAnimation，AnimationSet五個類。下面介紹幾個重要的屬性：

<set>標籤

1）android:interpolator----動畫集合使用的差值器，如線性差值器（如平移動畫中X座標隨時間線性變化），預設為@android：anim/accelerate_decelerate_interpolator，即加速減速差值器；

2）android:shareInterpolator----它的值是一個boolean值，表示集合中的動畫是否共享同一個差值器。如果不共享同一個差值器，每個動畫可以定義自己的使用的差值器。

系統提供的差值器如下表，當然我們也可以定義自己的差值器。

Interpolator class	Resource ID
@android:anim/accelerate_decelerate_interpolator
@android:anim/accelerate_interpolator
@android:anim/anticipate_interpolator
@android:anim/anticipate_overshoot_interpolator
@android:anim/bounce_interpolator
@android:anim/cycle_interpolator
@android:anim/decelerate_interpolator
@android:anim/linear_interpolator
@android:anim/overshoot_interpolator

<alpha>標籤

1）android:fromAlpha----float型別，表示透明度alpha的起始值，如0表示完全透明，1表示不透明；

2）android:toAlpha----float型別，表示透明度alpha的結束值。

<scale>標籤

1）android:fromXScale---float型別，水平方向縮放起始值，1表示不做縮放；

2）android:toXScale----float型別，水平方向縮放結束值；

3）android:fromYScale----float型別，豎直方向縮放結束值；

4）android:toYScale----float型別，豎直方向縮放結束值；

5）android:pivotX----float型別，縮放的軸點的x座標，預設為view的中心點；

6）android:pivotY----float型別，縮放的軸點y座標，預設為view的中心點；

<translate>標籤

1）android:fromXDelta----float或百分比，x方向的起始偏移量。如果是float型別，則偏移量以pixel為單位，是一個絕對值。如果是百分比（如10%），表示相對於element的width，如10%表示偏移量為width的10%，取值範圍-100%--100%。如果是10%p，表示偏移量為parent父視窗的width的10%；

2）android:toXDelta----float或百分比，x方向的結束偏移量，取值與fromXDelta類似；

3）android:fromYDelta----float或百分比，y方向的起始偏移量，取值與fromXDelta類似，但是百分比是相對於height；

4）android:toYDelta----float或百分比，y方向的結束偏移量，取值與fromYDelta類似；

<rotate>標籤

1）android:fromDegrees----float，旋轉的起始角度，單位是degree；

2）android:toDegrees----float，旋轉的結束角度，單位是degree；

3）android:pivotX----float或百分比，旋轉的中心的x座標。如果是float型別，相對於Object的左邊界的距離，以pixel為單位，如5表示距離左邊界5個畫素的位置。如果是百分比，如10%表示位置相對於Object的width的10%，10%p表示Object的parent的width的10%；

4）android:pivotY----float或百分比，旋轉的中心的y座標。取值與pivotX類似，50%表示中心位置。

下面給出一個例子：

在res目錄下新建一個資料夾anim，然後新建一個xml，檔名為tween_anim.xml，內容如下：

1. <?xmlversion="1.0"encoding="utf-8"?>
2. <setxmlns:android="http://schemas.android.com/apk/res/android"
3.     android:shareInterpolator="false"
4.     android:fillAfter="true">
5.     <alpha
6.         android:duration="700"
7.         android:fromAlpha="0.2"
8.         android:toAlpha="1"
9.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"
10.         />
11.     <setandroid:interpolator="@android:anim/decelerate_interpolator">
12.         <scale
13.             android:duration="4000"
14.             android:fromXScale="1.4"
15.             android:fromYScale="0.6"
16.             android:pivotX="50%"
17.             android:pivotY="50%"
18.             android:toXScale="2"
19.             android:toYScale="2"/>
20.         <rotate
21.             android:duration="4000"
22.             android:fromDegrees="0"
23.             android:pivotX="50%"
24.             android:pivotY="50%"
25.             android:toDegrees="-45"/>
26.         <translate
27.             android:fromXDelta="0"
28.             android:toXDelta="200"
29.             android:duration="4000"
30.             android:fromYDelta="0"
31.             android:toYDelta="200"/>
32.     </set>
33. </set>

這樣就完成了一個檢視動畫的定義，然後在MainActivity中使用這個動畫：

mTextView = (TextView)findViewById(R.id.textView1);

mAnimation = AnimationUtils.loadAnimation(this, R.anim.tween_anim);

mTextView.startAnimation(mAnimation);

效果如下：

 

相關推薦