android開發(9) 漸變動畫演示（Tween Animation）

加好友 · 發表於 2011-7-10 15:41

馬上加入Android 台灣中文網，立即免費下載應用遊戲。

您需要登錄才可以下載或查看，沒有帳號？註冊

x

在Android SDK介紹了兩種Animation：
1. Tween Animation：通過對場景裡的對象不斷做圖像變換(平移、縮放、旋轉)產生動畫效果，即是一種漸變動畫，或者說補間動畫。
2. Frame Animation：順序播放事先做好的圖像，是一種畫面轉換動畫，或者說逐幀動畫。
----------------------------
我們本文先瞭解下漸變動畫，下一篇文章瞭解逐幀動畫
漸變動畫的4種animation
alpha       漸變透明度動畫效果
scale       漸變尺寸伸縮動畫效果
translate  畫面轉換位置移動動畫效果
rotate    畫面轉移旋轉動畫效果
實現動畫的步驟：
1.準備一個animation對象，改對象可以看作是個動畫對象，它描述（封裝）了什麼樣式的動畫。

我們可以在代碼裡手動創建這些對象，對應的4個animaiton對像類：
AlphaAnimation漸變透明度動畫效果
ScaleAnimation漸變尺寸伸縮動畫效果
TranslateAnimation畫面轉換位置移動動畫效果
RotateAnimation畫面轉移旋轉動畫效果

我也可以寫一個描述動畫的xml文件，放到資源文件的anim文件夾下。然後，在代碼裡加載(load)這個描述的文件：

int animationSrouceId = 0;//資源文件的ID
Animation ani1 = AnimationUtils.loadAnimation(
getApplicationContext(), animationSrouceId);
return ani1;

複製代碼

2.為view視圖控件指定啟動動畫，調用startAnimation方法來完成。

//組件播放動畫
ImageView _imageView1;
_imageView1 = (ImageView)findViewById(R.id.imageView1);
_imageView1.startAnimation(ani1);

複製代碼

-------------
下圖是我做的DEMO截圖，動畫的樣式很難截圖上來。我會在本文末尾放上源代碼。

登錄/註冊後可看大圖

a1.png (15.51 KB, 下載次數: 2)

下載附件保存到相冊

2011-7-10 15:40 上傳

下面是xml描述的animation動畫
透明alpha效果的代碼：

W8i">

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
android:fromAlpha="0.3"
android:toAlpha="1.0"
android:duration="2000"
/>
<!-- 透明度控制動畫效果 alpha
浮點型值：
fromAlpha 屬性為動畫起始時透明度
toAlpha 屬性為動畫結束時透明度
說明:
0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之間的float數據類型的數字
長整型值：
duration 屬性為動畫持續時間
說明:
時間以毫秒為單位
-->
</set>

複製代碼

旋轉(rotate)

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fromDegrees="0"
android:toDegrees="+350"
android:pivotX="50%"
android:pivotY="50%"
android:duration="3000" />
<!-- rotate 旋轉動畫效果
屬性：interpolator 指定一個動畫的插入器
在我試驗過程中，使用android.res.anim中的資源時候發現
有三種動畫插入器:
accelerate_decelerate_interpolator 加速-減速動畫插入器
accelerate_interpolator 加速-動畫插入器
decelerate_interpolator 減速- 動畫插入器
其他的屬於特定的動畫效果
浮點數型值:
fromDegrees 屬性為動畫起始時物件的角度
toDegrees 屬性為動畫結束時物件旋轉的角度可以大於360度
說明:
當角度為負數——表示逆時針旋轉
當角度為正數——表示順時針旋轉
(負數from——to正數:順時針旋轉)
(負數from——to負數:逆時針旋轉)
(正數from——to正數:順時針旋轉)
(正數from——to負數:逆時針旋轉)
pivotX 屬性為動畫相對於物件的X坐標的開始位置
pivotY 屬性為動畫相對於物件的Y坐標的開始位置
說明: 以上兩個屬性值從0%-100%中取值
50%為物件的X或Y方向坐標上的中點位置
長整型值：
duration 屬性為動畫持續時間
說明: 時間以毫秒為單位
-->
</set>

複製代碼

縮放（scale）

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<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:duration="700" />
</set>
<!-- 尺寸伸縮動畫效果 scale
屬性：interpolator 指定一個動畫的插入器
在我試驗過程中，使用android.res.anim中的資源時候發現
有三種動畫插入器:
accelerate_decelerate_interpolator 加速-減速動畫插入器
accelerate_interpolator 加速-動畫插入器
decelerate_interpolator 減速- 動畫插入器
其他的屬於特定的動畫效果
浮點型值：
fromXScale 屬性為動畫起始時 X坐標上的伸縮尺寸
toXScale 屬性為動畫結束時 X坐標上的伸縮尺寸
fromYScale 屬性為動畫起始時Y坐標上的伸縮尺寸
toYScale 屬性為動畫結束時Y坐標上的伸縮尺寸
說明:
以上四種屬性值
0.0表示收縮到沒有
1.0表示正常無伸縮
值小於1.0表示收縮
值大於1.0表示放大
pivotX 屬性為動畫相對於物件的X坐標的開始位置
pivotY 屬性為動畫相對於物件的Y坐標的開始位置
說明:
以上兩個屬性值從0%-100%中取值
50%為物件的X或Y方向坐標上的中點位置
長整型值：
duration 屬性為動畫持續時間
說明: 時間以毫秒為單位
布爾型值:
fillAfter 屬性當設置為true ，該動畫轉化在動畫結束後被應用
-->

複製代碼

位移(translate )

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="0"
android:toXDelta="50"
android:fromYDelta="0"
android:toYDelta="50"
android:duration="2000"
android:fillAfter="true"
/>
<!-- translate 位置轉移動畫效果
整型值:
fromXDelta 屬性為動畫起始時 X坐標上的位置
toXDelta 屬性為動畫結束時 X坐標上的位置
fromYDelta 屬性為動畫起始時 Y坐標上的位置
toYDelta 屬性為動畫結束時 Y坐標上的位置
注意:
沒有指定fromXType toXType fromYType toYType 時候，
默認是以自己為相對參照物
長整型值：
duration 屬性為動畫持續時間
說明: 時間以毫秒為單位
-->
</set>

複製代碼

加好友 · 發表於 2011-7-22 03:39

辛苦你嚕!!!

加好友 · 發表於 2011-7-22 10:15

感謝大大分享

加好友 · 發表於 2011-11-29 00:01

感謝教學下來安裝玩看看QQ

加好友 · 發表於 2011-11-29 15:03

超需要!!非常感謝大大分享

加好友 · 發表於 2012-5-17 01:28

由手機網頁發佈

謝謝分享'找了好久
爬文爬了一星期

加好友 · 發表於 2012-7-17 17:53

感謝您的分享

加好友 · 發表於 2012-8-13 01:00

學到很多對我在寫程式上幫助很大謝謝!!

加好友 · 發表於 2012-8-25 10:30

@@ 爬文爬到囉!!

看起來真的不錯

謝謝大大的分享

趕快來試試

加好友 · 發表於 2012-11-28 19:51

这个帖子不错，值得学习！

[教程] android開發(9) 漸變動畫演示（Tween Animation）

馬上加入Android 台灣中文網，立即免費下載應用遊戲。

評分

相關帖子

瀏覽過的版塊

警告：您的Adblck已啟用