Android 的 Tweened animation

Android中Tweened animation

 

Android提供兩種建立簡單動畫的機制：tweened animation 和 frame-by-frame animation.

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

這兩種動畫類型都能在任何View對象中使用，用來提供簡單的旋轉計時器，activity表徵圖及其他有用的UI元素。Tweened animation被andorid.view.animation包所操作；frame-by-frame animation被android.graphics.drawable.AnimationDrawable類所操作。

想瞭解更多關於建立tweened和frame-by-frame動畫的資訊，讀一下Dev Guide-Graphics-2D Graphics裡面相關部分的討論。

Animation 是以 XML格式定義的，定義好的XML檔案存放在res/anim中。由於Tween Animation與Frame-by-frame Animation的定義、使用都有很大的差異，我們將分開介紹，本篇幅中主要介紹Tween Animation的定義與使用。按照XML文檔的結構【父節點，子節點，屬性】來介紹Tween Animation，其由4種類型：

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

在介紹以上4種類型前，先介紹Tween Animation共同的節點屬性。

下面我們開始結合具體的例子，分別介紹4種類型各自特有的節點元素。

small;">表一
屬性[類型]	功能
Duration[long]	屬性為動畫期間	時間以毫秒為單位
fillAfter [boolean]	當設定為true ，該動畫轉化在動畫結束後被應用
fillBefore[boolean]	當設定為true ，該動畫轉化在動畫開始前被應用
small;">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：保持在最下層

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

small;">表三
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方向座標上的中點位置
small;">	small;">	small;">	small;">

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

Android SDK提供了基類：Animation，包含大量的set/getXXXX()函數來設定、讀取Animation的屬性，也就是前面表一中顯示的各種屬性。Tween Animation由4種類型：alpha、scale、translate、roate，在Android SDK中提供了相應的類，Animation類派生出了AlphaAnimation、ScaleAnimation、 TranslateAnimation、RotateAnimation分別實現了 改變 Alpha值 、 伸縮 、 平移 、 旋轉 等動畫，每個子類都在父類的基礎上增加了各自專屬的屬性。 

small;">表五
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方向座標上的中點位置