Android畫圖學習總結

隨著對Drewable的深入瞭解，發現了Drawable更加強大的功能：顯示Animation。Android SDK介紹了2種Animation：

• Tween Animation：通過對情境裡的對象不斷做映像變換(平移、縮放、旋轉)產生動畫效果
• Frame Animation：順序播放事先做好的映像，跟電影類似

在使用Animation前，我們先學習如何定義Animation，這對我們使用Animation會有很大的協助。Animation是以 XML格式定義的，定義好的XML檔案存放在res/anim中。由於Tween Animation與Frame Animation的定義、使用都有很大的差異，我們將分開介紹，本篇幅中介紹Tween Animation的定義與使用，後續篇幅再詳細介紹Frame Animation。按照XML文檔的結構【父節點，子節點，屬性】來介紹Tween Animation，其由4種類型：

• Alpha：漸層透明度動畫效果
• Scale：漸層尺寸伸縮動畫效果
• Translate：畫面轉換位置移動動畫效果
• Rotate：畫面轉換位置移動動畫效果

在介紹以上4種類型前，先介紹Tween Animation共同的節點屬性，關於節點的命名原則，請閱讀AndroidManifest.xml檔案結構說明。

表一
屬性[類型]	功能
Duration[long]	屬性為動畫期間	時間以毫秒為單位
fillAfter [boolean]	當設定為true ，該動畫轉化在動畫結束後被應用
fillBefore[boolean]	當設定為true ，該動畫轉化在動畫開始前被應用
interpolator	指定一個動畫的插入器	有一些常見的插入器 accelerate_decelerate_interpolator 加速-減速 動畫插入器 accelerate_interpolator 加速-動畫插入器 decelerate_interpolator 減速- 動畫插入器 其他的屬於特定的動畫效果
repeatCount[int]	動畫的重複次數
RepeatMode[int]	定義重複的行為	1：重新開始  2：plays backward
startOffset[long]	動畫之間的時間間隔，從上次動畫停多少時間開始執行下個動畫
zAdjustment[int]	定義動畫的Z Order的改變	0：保持Z Order不變 1：保持在最上層 -1：保持在最下層

看了以上節點，大家是不是都想開始定義動畫了。下面我們就開始結合具體的例子，介紹4種類型各自特有的節點元素。

表二
XML節點		功能說明
alpha		漸層透明度動畫效果
<alpha android:fromAlpha=”0.1″ android:toAlpha=”1.0″ android:duration=”3000″ />
fromAlpha	屬性為動畫起始時透明度	0.0表示完全透明 1.0表示完全不透明 以上值取0.0-1.0之間的float資料類型的數字
toAlpha	屬性為動畫結束時透明度

表三
scale		漸層尺寸伸縮動畫效果
<scale android:interpolator= “@android:anim/accelerate_decelerate_interpolator” android:fromXScale=”0.0″ android:toXScale=”1.4″ android:fromYScale=”0.0″ android:toYScale=”1.4″ android:pivotX=”50%” android:pivotY=”50%” android:fillAfter=”false” android:startOffset=“700” android:duration=”700″ android:repeatCount=”10″ />
fromXScale[float] fromYScale[float]	為動畫起始時，X、Y座標上的伸縮尺寸		0.0表示收縮到沒有 1.0表示正常無伸縮 值小於1.0表示收縮 值大於1.0表示放大
toXScale [float] toYScale[float]	為動畫結束時，X、Y座標上的伸縮尺寸
pivotX[float] pivotY[float]	為動畫相對於物件的X、Y座標的開始位置		屬性值說明：從0%-100%中取值，50%為物件的X或Y方向座標上的中點位置

表四
translate		畫面轉換位置移動動畫效果
<translate android:fromXDelta=”30″ android:toXDelta=”-80″ android:fromYDelta=”30″ android:toYDelta=”300″ android:duration=”2000″ />
fromXDelta toXDelta	為動畫、結束起始時 X座標上的位置
fromYDelta toYDelta	為動畫、結束起始時 Y座標上的位置

表五
rotate			畫面轉移旋轉動畫效果
<rotate android:interpolator=”@android:anim/accelerate_decelerate_interpolator” android:fromDegrees=”0″ android:toDegrees=”+350″ android:pivotX=”50%” android:pivotY=”50%” android:duration=”3000″ />
fromDegrees	為動畫起始時物件的角度	說明 當角度為負數——表示逆時針旋轉 當角度為正數——表示順時針旋轉 (負數from——to正數:順時針旋轉) (負數from——to負數:逆時針旋轉) (正數from——to正數:順時針旋轉) (正數from——to負數:逆時針旋轉)
toDegrees	屬性為動畫結束時物件旋轉的角度 可以大於360度
pivotX pivotY	為動畫相對於物件的X、Y座標的開始位	說明：以上兩個屬性值 從0%-100%中取值 50%為物件的X或Y方向座標上的中點位置

看了上面的例子，想必大家也想看下，這些定義的動畫，運行起來是什麼樣效果，下面運行Scale例子中的動畫，介面變化如下：

按照上面的講述學習完了Tween Animation的定義，對Tween Animation有了詳細的瞭解，再去瞭解下Android SDK的animation package（android.view.animation），其提供了操作Tween Animation所有的類。

 

Android SDK提供了基類：Animation，包含大量的set/getXXXX()函數來設定、讀取Animation的屬性，也就是前面表一中顯示的各種屬 性。Tween Animation由4種類型：alpha、scale、translate、roate，在Android SDK中提供了相應的類，Animation類派生出了AlphaAnimation、ScaleAnimation、 TranslateAnimation、RotateAnimation分別實現了平移、旋轉、改變 Alpha 值等動畫，每個子類都在父類的基礎上增加了各自專屬的屬性。再去看下這幾個類的建構函式，是不是與我們在表二、表三、表四、表五種定義的屬性完全一樣。

在瞭解了Tween Animation的定義，對android.view.animation有了一些基本的認識後，開始介紹Tween Animation如何使用。Android SDK提供了2種方法：直接從XML資源中讀取Animation，使用Animation子類的建構函式來初始化Animation對象，第二種方法在 看了Android SDK中各個類的說明就知道如何使用了，下面簡要說明從XML資源中讀取Animation，按照應用程式開發的過程，介紹整個使用的過程，如下：

1. 建立Android工程；
2. 匯入一張圖片資源；
3. 將res/layout/main.xml中的TextView取代為ImageView；
4. 在res下建立新的檔案夾anim，並在此檔案夾下面定義Animation XML檔案；
5. 修改OnCreate()中的代碼，顯示動畫資源；

關鍵代碼，解析如下：
//main.xml中的ImageView
ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
//載入動畫
Animation hyperspaceJumpAnimation =
AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
//使用ImageView顯示動畫
spaceshipImage.startAnimation(hyperspaceJumpAnimation);
工程的原始碼提供給大家下載，Animation,animation package" href="http://www.moandroid.com/wp-content/uploads/2009/09/testDrawable.zip" target="_self">，這裡簡要解析如下：

• AnimationUtils提供了載入動畫的函數，除了函數loadAnimation()，其他的到Android SDK中去詳細瞭解吧；
• 所謂的動畫，也就是對 view 的內容做一次圖形變換；

總結說明

看了這個長篇幅的介紹，詳細大家對Tween Animation的定義、使用都有了比較深入的瞭解，由於篇幅有限，這裡將Android SDK中的內容省略了不少，比如說：Interpolator，需要大家自己去Android SDK中仔細閱讀。