Android開發(fā)之Animations動(dòng)畫用法實(shí)例詳解
更新時(shí)間：2016年02月12日 13:04:20 作者：陽(yáng)光島主
這篇文章主要介紹了Android開發(fā)之Animations動(dòng)畫用法,結(jié)合實(shí)例形式詳細(xì)分析了Animations動(dòng)畫的類型、組成、模式及對(duì)應(yīng)的使用技巧,需要的朋友可以參考下
本文實(shí)例講述了Android開發(fā)之Animations動(dòng)畫用法。分享給大家供大家參考，具體如下：
一、動(dòng)畫類型
Android的animation由四種類型組成：alpha、scale、translate、rotate
XML配置文件中
Java Code代碼中
二、Android動(dòng)畫模式
Animation主要有兩種動(dòng)畫模式：tweened 和 frame
一種是tweened animation(漸變動(dòng)畫)
一種是frame by frame(畫面轉(zhuǎn)換動(dòng)畫)
三、XML文件中定義動(dòng)畫
① 打開Eclipse，新建Android工程
② 在res目錄中新建anim文件夾
③ 在anim目錄中新建一個(gè)myanim.xml(注意文件名小寫)
④ 加入XML的動(dòng)畫代碼
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha/> <scale/> <translate/> <rotate/> </set>
四、Android XML動(dòng)畫解析
1. Alpha
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
android:fromAlpha="0.1"
android:toAlpha="1.0"
android:duration="3000"
/>
<!-- 透明度控制動(dòng)畫效果 alpha
浮點(diǎn)型值：
fromAlpha 屬性為動(dòng)畫起始時(shí)透明度
toAlpha 屬性為動(dòng)畫結(jié)束時(shí)透明度
說明:
0.0表示完全透明
1.0表示完全不透明
以上值取0.0-1.0之間的float數(shù)據(jù)類型的數(shù)字
長(zhǎng)整型值：
duration 屬性為動(dòng)畫持續(xù)時(shí)間
說明:
時(shí)間以毫秒為單位
-->
</set>
2. 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>
<!-- 尺寸伸縮動(dòng)畫效果 scale
屬性：interpolator 指定一個(gè)動(dòng)畫的插入器
在我試驗(yàn)過程中，使用android.res.anim中的資源時(shí)候發(fā)現(xiàn)
有三種動(dòng)畫插入器:
accelerate_decelerate_interpolator 加速-減速 動(dòng)畫插入器
accelerate_interpolator 加速-動(dòng)畫插入器
decelerate_interpolator 減速- 動(dòng)畫插入器
其他的屬于特定的動(dòng)畫效果
浮點(diǎn)型值：
fromXScale 屬性為動(dòng)畫起始時(shí) X坐標(biāo)上的伸縮尺寸
toXScale 屬性為動(dòng)畫結(jié)束時(shí) X坐標(biāo)上的伸縮尺寸
fromYScale 屬性為動(dòng)畫起始時(shí)Y坐標(biāo)上的伸縮尺寸
toYScale 屬性為動(dòng)畫結(jié)束時(shí)Y坐標(biāo)上的伸縮尺寸
說明:
以上四種屬性值
0.0表示收縮到?jīng)]有
1.0表示正常無伸縮
值小于1.0表示收縮
值大于1.0表示放大
pivotX 屬性為動(dòng)畫相對(duì)于物件的X坐標(biāo)的開始位置
pivotY 屬性為動(dòng)畫相對(duì)于物件的Y坐標(biāo)的開始位置
說明:
以上兩個(gè)屬性值 從0%-100%中取值
50%為物件的X或Y方向坐標(biāo)上的中點(diǎn)位置
長(zhǎng)整型值：
duration 屬性為動(dòng)畫持續(xù)時(shí)間
說明: 時(shí)間以毫秒為單位
布爾型值:
fillAfter 屬性 當(dāng)設(shè)置為true ，該動(dòng)畫轉(zhuǎn)化在動(dòng)畫結(jié)束后被應(yīng)用
-->
3. Translate
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="30"
android:toXDelta="-80"
android:fromYDelta="30"
android:toYDelta="300"
android:duration="2000"
/>
<!-- translate 位置轉(zhuǎn)移動(dòng)畫效果
整型值:
fromXDelta 屬性為動(dòng)畫起始時(shí) X坐標(biāo)上的位置
toXDelta 屬性為動(dòng)畫結(jié)束時(shí) X坐標(biāo)上的位置
fromYDelta 屬性為動(dòng)畫起始時(shí) Y坐標(biāo)上的位置
toYDelta 屬性為動(dòng)畫結(jié)束時(shí) Y坐標(biāo)上的位置
注意:
沒有指定fromXType toXType fromYType toYType 時(shí)候，
默認(rèn)是以自己為相對(duì)參照物
長(zhǎng)整型值：
duration 屬性為動(dòng)畫持續(xù)時(shí)間
說明: 時(shí)間以毫秒為單位
-->
</set>
4. 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 旋轉(zhuǎn)動(dòng)畫效果
屬性：interpolator 指定一個(gè)動(dòng)畫的插入器
在我試驗(yàn)過程中，使用android.res.anim中的資源時(shí)候發(fā)現(xiàn)
有三種動(dòng)畫插入器:
accelerate_decelerate_interpolator 加速-減速 動(dòng)畫插入器
accelerate_interpolator 加速-動(dòng)畫插入器
decelerate_interpolator 減速- 動(dòng)畫插入器
其他的屬于特定的動(dòng)畫效果
浮點(diǎn)數(shù)型值:
fromDegrees 屬性為動(dòng)畫起始時(shí)物件的角度
toDegrees 屬性為動(dòng)畫結(jié)束時(shí)物件旋轉(zhuǎn)的角度 可以大于360度
說明:
當(dāng)角度為負(fù)數(shù)——表示逆時(shí)針旋轉(zhuǎn)
當(dāng)角度為正數(shù)——表示順時(shí)針旋轉(zhuǎn)
(負(fù)數(shù)from——to正數(shù):順時(shí)針旋轉(zhuǎn))
(負(fù)數(shù)from——to負(fù)數(shù):逆時(shí)針旋轉(zhuǎn))
(正數(shù)from——to正數(shù):順時(shí)針旋轉(zhuǎn))
(正數(shù)from——to負(fù)數(shù):逆時(shí)針旋轉(zhuǎn))
pivotX 屬性為動(dòng)畫相對(duì)于物件的X坐標(biāo)的開始位置
pivotY 屬性為動(dòng)畫相對(duì)于物件的Y坐標(biāo)的開始位置
說明: 以上兩個(gè)屬性值 從0%-100%中取值
50%為物件的X或Y方向坐標(biāo)上的中點(diǎn)位置
長(zhǎng)整型值：
duration 屬性為動(dòng)畫持續(xù)時(shí)間
說明: 時(shí)間以毫秒為單位
-->
</set>
XML中使用動(dòng)畫效果
public static Animation loadAnimation (Context context, int id) //第一個(gè)參數(shù)Context為程序的上下文 //第二個(gè)參數(shù)id為動(dòng)畫XML文件的引用 //例子： myAnimation= AnimationUtils.loadAnimation(this, R.anim.my_action); //使用AnimationUtils類的靜態(tài)方法loadAnimation()來加載XML中的動(dòng)畫XML文件
五、Java代碼中定義動(dòng)畫
//在代碼中定義 動(dòng)畫實(shí)例對(duì)象
private Animation myAnimation_Alpha;
private Animation myAnimation_Scale;
private Animation myAnimation_Translate;
private Animation myAnimation_Rotate;
//根據(jù)各自的構(gòu)造方法來初始化一個(gè)實(shí)例對(duì)象
myAnimation_Alpha = new AlphaAnimation(0.1f, 1.0f);
myAnimation_Scale = new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
myAnimation_Translate = new TranslateAnimation(30.0f, -80.0f, 30.0f, 300.0f);
myAnimation_Rotate = new RotateAnimation(0.0f, +350.0f,
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
六、Android 代碼動(dòng)畫解析
1. AlphaAnimation
AlphaAnimation類對(duì)象定義
1. private AlphaAnimation myAnimation_Alpha;
AlphaAnimation類對(duì)象構(gòu)造
AlphaAnimation(float fromAlpha, float toAlpha) //第一個(gè)參數(shù)fromAlpha為 動(dòng)畫開始時(shí)候透明度 //第二個(gè)參數(shù)toAlpha為 動(dòng)畫結(jié)束時(shí)候透明度 myAnimation_Alpha = new AlphaAnimation(0.1f, 1.0f); //說明: // 0.0表示完全透明 // 1.0表示完全不透明
設(shè)置動(dòng)畫持續(xù)時(shí)間
myAnimation_Alpha.setDuration(5000); //設(shè)置時(shí)間持續(xù)時(shí)間為 5000毫秒
2. ScaleAnimation
ScaleAnimation類對(duì)象定義
private ScaleAnimation myAnimation_Scale;
ScaleAnimation類對(duì)象構(gòu)造
ScaleAnimation(float fromX, float toX, float fromY, float toY,
int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一個(gè)參數(shù)fromX為動(dòng)畫起始時(shí) X坐標(biāo)上的伸縮尺寸
//第二個(gè)參數(shù)toX為動(dòng)畫結(jié)束時(shí) X坐標(biāo)上的伸縮尺寸
//第三個(gè)參數(shù)fromY為動(dòng)畫起始時(shí)Y坐標(biāo)上的伸縮尺寸
//第四個(gè)參數(shù)toY為動(dòng)畫結(jié)束時(shí)Y坐標(biāo)上的伸縮尺寸
/*說明:
以上四種屬性值
0.0表示收縮到?jīng)]有
1.0表示正常無伸縮
值小于1.0表示收縮
值大于1.0表示放大
*/
//第五個(gè)參數(shù)pivotXType為動(dòng)畫在X軸相對(duì)于物件位置類型
//第六個(gè)參數(shù)pivotXValue為動(dòng)畫相對(duì)于物件的X坐標(biāo)的開始位置
//第七個(gè)參數(shù)pivotXType為動(dòng)畫在Y軸相對(duì)于物件位置類型
//第八個(gè)參數(shù)pivotYValue為動(dòng)畫相對(duì)于物件的Y坐標(biāo)的開始位置
myAnimation_Scale = new ScaleAnimation(0.0f, 1.4f, 0.0f, 1.4f,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
設(shè)置動(dòng)畫持續(xù)時(shí)間
myAnimation_Scale.setDuration(700); //設(shè)置時(shí)間持續(xù)時(shí)間為 700毫秒
3. TranslateAnimation
ranslateAnimation類對(duì)象定義
private TranslateAnimation myAnimation_Translate;
TranslateAnimation類對(duì)象構(gòu)造
TranslateAnimation(float fromXDelta, float toXDelta,
float fromYDelta, float toYDelta)
//第一個(gè)參數(shù)fromXDelta為動(dòng)畫起始時(shí) X坐標(biāo)上的移動(dòng)位置
//第二個(gè)參數(shù)toXDelta為動(dòng)畫結(jié)束時(shí) X坐標(biāo)上的移動(dòng)位置
//第三個(gè)參數(shù)fromYDelta為動(dòng)畫起始時(shí)Y坐標(biāo)上的移動(dòng)位置
//第四個(gè)參數(shù)toYDelta為動(dòng)畫結(jié)束時(shí)Y坐標(biāo)上的移動(dòng)位置
設(shè)置動(dòng)畫持續(xù)時(shí)間
myAnimation_Translate = new TranslateAnimation(10f, 100f, 10f, 100f); myAnimation_Translate.setDuration(2000); //設(shè)置時(shí)間持續(xù)時(shí)間為 2000毫秒
4. RotateAnimation
RotateAnimation類對(duì)象定義
private RotateAnimation myAnimation_Rotate;
RotateAnimation類對(duì)象構(gòu)造
RotateAnimation(float fromDegrees, float toDegrees,
int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
//第一個(gè)參數(shù)fromDegrees為動(dòng)畫起始時(shí)的旋轉(zhuǎn)角度
//第二個(gè)參數(shù)toDegrees為動(dòng)畫旋轉(zhuǎn)到的角度
//第三個(gè)參數(shù)pivotXType為動(dòng)畫在X軸相對(duì)于物件位置類型
//第四個(gè)參數(shù)pivotXValue為動(dòng)畫相對(duì)于物件的X坐標(biāo)的開始位置
//第五個(gè)參數(shù)pivotXType為動(dòng)畫在Y軸相對(duì)于物件位置類型
//第六個(gè)參數(shù)pivotYValue為動(dòng)畫相對(duì)于物件的Y坐標(biāo)的開始位置
myAnimation_Rotate = new RotateAnimation(0.0f, +350.0f,
Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF, 0.5f);
設(shè)置動(dòng)畫持續(xù)時(shí)間
myAnimation_Rotate.setDuration(3000); //設(shè)置時(shí)間持續(xù)時(shí)間為 3000毫秒
如何Java代碼中使用動(dòng)畫效果
使用從View父類繼承過來的方法startAnimation()來為View或是子類View等等添加一個(gè)動(dòng)畫效果
public void startAnimation (Animation animation) view.startAnimation(myAnimation_Alpha); view.startAnimation(myAnimation_Scale); view.startAnimation(myAnimation_Translate); view.startAnimation(myAnimation_Rotate);
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《Android開發(fā)動(dòng)畫技巧匯總》、《Android開發(fā)入門與進(jìn)階教程》及《Android控件用法總結(jié)》。
希望本文所述對(duì)大家Android程序設(shè)計(jì)有所幫助。
相關(guān)文章
ViewModel 是 Jetpack 的一部分。 ViewModel 類旨在以注重生命周期的方式存儲(chǔ)和管理界面相關(guān)的數(shù)據(jù)。ViewModel 類讓數(shù)據(jù)可在發(fā)生屏幕旋轉(zhuǎn)等配置更改后繼續(xù)留存。本文簡(jiǎn)單講解ViewModel的使用2021-06-06
這篇文章主要介紹了Android攔截外撥電話的示例，大家參考使用吧2013-11-11
Android 通過onDraw實(shí)現(xiàn)在View中繪圖操作的示例
以下是對(duì)Android通過onDraw實(shí)現(xiàn)在View中繪圖操作的示例代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過來參考下2013-07-07
這幾天分析了一下的啟動(dòng)過程，于是乎，今天寫一下Service是如何啟動(dòng)的；?給我的感覺是這些啟動(dòng)過程并不復(fù)雜，千萬(wàn)不要被一坨一坨的代碼嚇住了，雖然彎彎繞繞不少，重載函數(shù)一個(gè)接著一個(gè)，就向走迷宮一樣，但只要抓住主線閱讀，很快就能找到出口2022-08-08
rxjava+retrofit實(shí)現(xiàn)多圖上傳實(shí)例代碼
本篇文章主要介紹了rxjava+retrofit實(shí)現(xiàn)多圖上傳實(shí)例代碼，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06
在Kotlin中object是一個(gè)特殊的關(guān)鍵字。主要用于聲明一個(gè)類的同時(shí)創(chuàng)建這個(gè)類的對(duì)象（例如單例）。在Kotlin中它有三個(gè)方面的應(yīng)用：對(duì)象表達(dá)式，對(duì)象聲明和伴生對(duì)象2022-09-09
Android的服務(wù)是開發(fā)Android應(yīng)用程序的重要組成部分。不同于活動(dòng)Activity，服務(wù)是在后臺(tái)運(yùn)行，服務(wù)沒有接口，生命周期也與活動(dòng)Activity非常不同。通過使用服務(wù)我們可以實(shí)現(xiàn)一些后臺(tái)操作，比如想從遠(yuǎn)程服務(wù)器加載一個(gè)網(wǎng)頁(yè)等，下面來看看詳細(xì)內(nèi)容,需要的朋友可以參考下2021-11-11
本篇文章主要介紹了Android之接口回調(diào)機(jī)制，在開發(fā)中經(jīng)常會(huì)用到，具有一定的學(xué)習(xí)價(jià)值，有需要的可以來了解一下。2016-10-10
自定義視圖view使用Canvas實(shí)現(xiàn)手寫板和涂鴉功能
這篇文章主要介紹了自定義視圖view使用Canvas實(shí)現(xiàn)手寫板和涂鴉功能,這里直接上代碼，里面有詳細(xì)講解和注釋,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了android自由改變Dialog窗口位置的方法,涉及Android操作Dialog窗口相關(guān)技巧,需要的朋友可以參考下2015-04-04