Android之animation
關於動畫的實現,Android提供了Animation,在Android SDK介紹了2種Animation模式:
1. Tween Animation:通過對場景裏的對象不斷做圖像變換(平移、縮放、旋轉)產生動畫效果,即是一種漸變動畫;
2. Frame Animation:順序播放事先做好的圖像,是一種畫面轉換動畫。
動畫類型
下面先來看看Android提供的動畫類型。Android的animation由四種類型組成
在XML文件中:
* alpha 漸變透明度動畫效果
* scale 漸變尺寸伸縮動畫效果
* translate 畫面轉換位置移動動畫效果
* rotate 畫面轉移旋轉動畫效果
在Java 源碼中定義了相應的類,可以使用這些類的方法來獲取和操作相應的屬性:
* AlphaAnimation漸變透明度動畫效果
* ScaleAnimation漸變尺寸伸縮動畫效果
* TranslateAnimation畫面轉換位置移動動畫效果
* RotateAnimation畫面轉移旋轉動畫效果
image
Tween Animation
一個tween動畫將對視圖對象中的內容進行一系列簡單的轉換(位置,大小,旋轉,透明性)。如果你有一個文本視圖對象,你可以移動它,旋轉它,讓它變大或讓它變小,如果文字下面還有背景圖像,背景圖像也會隨着文件進行轉換。
使用XML來定義Tween Animation
動畫的XML文件在工程中res/anim目錄,這個文件必須包含一個根元素,可以使<alpha><scale> <translate> <rotate>插值元素或者是把上面的元素都放入<set>元素組中,默認情況下,所以的動畫指令都是同時發生的,爲了讓他們按序列發生,需要設置一個特殊的屬性startOffset。動畫的指令定義了你想要發生什麼樣的轉換,當他們發生了,應該執行多長時間,轉換可以是連續的也可以使同時的。例如,你讓文本內容從左邊移動到右邊,然後旋轉180度,或者在移動的過程中同時旋轉,沒個轉換需要設置一些特殊的參數(開始和結束的大小尺寸的大小變化,開始和結束的旋轉角度等等,也可以設置些基本的參數(例如,開始時間與週期),如果讓幾個轉換同時發生,可以給它們設置相同的開始時間,如果按序列的話,計算開始時間加上其週期。
Tween Animation共同的節點屬性
屬性[類型] 功能 備註
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:保持在最下層
表二
XML節點 功能說明
alpha 漸變透明度動畫效果
<alpha
android:fromAlpha=”0.1″
android:toAlpha=”1.0″
android:duration=”3000″ />
fromAlpha
屬性爲動畫起始時透明度
0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之間的float數據類型的數字
duration爲動畫持續時間,ms單位
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方向座標上的中點位置
1. Tween Animation:通過對場景裏的對象不斷做圖像變換(平移、縮放、旋轉)產生動畫效果,即是一種漸變動畫;
2. Frame Animation:順序播放事先做好的圖像,是一種畫面轉換動畫。
動畫類型
下面先來看看Android提供的動畫類型。Android的animation由四種類型組成
在XML文件中:
* alpha 漸變透明度動畫效果
* scale 漸變尺寸伸縮動畫效果
* translate 畫面轉換位置移動動畫效果
* rotate 畫面轉移旋轉動畫效果
在Java 源碼中定義了相應的類,可以使用這些類的方法來獲取和操作相應的屬性:
* AlphaAnimation漸變透明度動畫效果
* ScaleAnimation漸變尺寸伸縮動畫效果
* TranslateAnimation畫面轉換位置移動動畫效果
* RotateAnimation畫面轉移旋轉動畫效果
image
Tween Animation
一個tween動畫將對視圖對象中的內容進行一系列簡單的轉換(位置,大小,旋轉,透明性)。如果你有一個文本視圖對象,你可以移動它,旋轉它,讓它變大或讓它變小,如果文字下面還有背景圖像,背景圖像也會隨着文件進行轉換。
使用XML來定義Tween Animation
動畫的XML文件在工程中res/anim目錄,這個文件必須包含一個根元素,可以使<alpha><scale> <translate> <rotate>插值元素或者是把上面的元素都放入<set>元素組中,默認情況下,所以的動畫指令都是同時發生的,爲了讓他們按序列發生,需要設置一個特殊的屬性startOffset。動畫的指令定義了你想要發生什麼樣的轉換,當他們發生了,應該執行多長時間,轉換可以是連續的也可以使同時的。例如,你讓文本內容從左邊移動到右邊,然後旋轉180度,或者在移動的過程中同時旋轉,沒個轉換需要設置一些特殊的參數(開始和結束的大小尺寸的大小變化,開始和結束的旋轉角度等等,也可以設置些基本的參數(例如,開始時間與週期),如果讓幾個轉換同時發生,可以給它們設置相同的開始時間,如果按序列的話,計算開始時間加上其週期。
Tween Animation共同的節點屬性
屬性[類型] 功能 備註
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:保持在最下層
表二
XML節點 功能說明
alpha 漸變透明度動畫效果
<alpha
android:fromAlpha=”0.1″
android:toAlpha=”1.0″
android:duration=”3000″ />
fromAlpha
屬性爲動畫起始時透明度
0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之間的float數據類型的數字
duration爲動畫持續時間,ms單位
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方向座標上的中點位置
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.