Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android畫圖學習總結(四)——Animation(上)

Android畫圖學習總結(四)——Animation(上)

編輯: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);
工程的源代碼提供給大家下載,下載地址,這裡簡要解析如下:

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

總結說明

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

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved