特別提醒:本文參考摘自【工匠若水 http://blog.csdn.net/yanbober/article/details/46481171 】 及【Carson_Ho:http://www.reibang.com/p/2412d00a0ce4 】 強(qiáng)烈建議讀者進(jìn)入原博客查看學(xué)習(xí)躯畴。
1隐绵、Android動(dòng)畫簡(jiǎn)介
1.1 分類
Android系統(tǒng)提供了很多豐富的API去實(shí)現(xiàn)UI的2D與3D動(dòng)畫,最主要的劃分可以分為如下幾類:
Drawable Animation: 這種動(dòng)畫(也叫Frame動(dòng)畫、幀動(dòng)畫)其實(shí)可以劃分到視圖動(dòng)畫的類別撼泛,專門用來一個(gè)一個(gè)的顯示Drawable的resources,就像放幻燈片一樣。
View Animation: 視圖動(dòng)畫在古老的Android版本系統(tǒng)中就已經(jīng)提供了招盲,只能被用來設(shè)置View的動(dòng)畫。
**Property Animation: **屬性動(dòng)畫只對(duì)Android 3.0(API 11)以上版本的Android系統(tǒng)才有效嘉冒,這種動(dòng)畫可以設(shè)置給任何Object曹货,包括那些還沒有渲染到屏幕上的對(duì)象。這種動(dòng)畫是可擴(kuò)展的讳推,可以讓你自定義任何類型和屬性的動(dòng)畫顶籽。
1.2 每種動(dòng)畫的特點(diǎn)及區(qū)別
Drawable Animation:幀動(dòng)畫沒有什么好說的,就是把幾張圖片按一定間隔順序顯示出來银觅,就像播放幻燈片一樣礼饱,實(shí)際開發(fā)中用處不大。
View Animation:View動(dòng)畫只能夠?yàn)閂iew添加動(dòng)畫究驴,如果想為非View對(duì)象添加動(dòng)畫須自己實(shí)現(xiàn)镊绪;且View動(dòng)畫支持的種類很少;尤其是他改變的是View的繪制效果洒忧,View的屬性沒有改變蝴韭,其位置與大小都不變; View動(dòng)畫代碼量少熙侍,使用簡(jiǎn)單方便榄鉴。
**Property Animation: **屬性動(dòng)畫彌補(bǔ)了View動(dòng)畫的缺陷,可以為一個(gè)對(duì)象的任意屬性添加動(dòng)畫核行,對(duì)象自己的屬性會(huì)被真的改變牢硅;當(dāng)對(duì)象的屬性變化的時(shí)候,屬性動(dòng)畫會(huì)自動(dòng)刷新屏幕芝雪;屬性動(dòng)畫改變的是對(duì)象的真實(shí)屬性减余,而且屬性動(dòng)畫不止用于View,還可以用于任何對(duì)象惩系。
2位岔、補(bǔ)間動(dòng)畫相關(guān)介紹
2.1 View動(dòng)畫概述
視圖動(dòng)畫,也叫Tween(補(bǔ)間)動(dòng)畫可以在一個(gè)視圖容器內(nèi)執(zhí)行一系列簡(jiǎn)單變換(位置堡牡、大小抒抬、旋轉(zhuǎn)、透明度)晤柄。譬如擦剑,如果你有一個(gè)TextView對(duì)象,您可以移動(dòng)、旋轉(zhuǎn)惠勒、縮放赚抡、透明度設(shè)置其文本,當(dāng)然纠屋,如果它有一個(gè)背景圖像涂臣,背景圖像會(huì)隨著文本變化。
補(bǔ)間動(dòng)畫通過XML或Android代碼定義售担,建議使用XML文件定義赁遗,因?yàn)樗呖勺x性、可重用性族铆。
2.2 View動(dòng)畫的分類
根據(jù)不同的動(dòng)畫效果岩四,補(bǔ)間動(dòng)畫分為4種動(dòng)畫:
- 平移動(dòng)畫(Translate)
- 縮放動(dòng)畫(scale)
- 旋轉(zhuǎn)動(dòng)畫(rotate)
- 透明度動(dòng)畫(alpha)
如下是視圖動(dòng)畫相關(guān)的類繼承關(guān)系:
java類名 | xml關(guān)鍵字 | 描述信息 |
---|---|---|
AlphaAnimation | <alpha> | 放置在res/anim/目錄下漸變透明度動(dòng)畫效果 |
RotateAnimation | <rotate> | 放置在res/anim/目錄下畫面轉(zhuǎn)移旋轉(zhuǎn)動(dòng)畫效果 |
ScaleAnimation | <scale> | 放置在res/anim/目錄下漸變尺寸伸縮動(dòng)畫效果 |
TranslateAnimation | <translate> | 放置在res/anim/目錄下畫面轉(zhuǎn)換位置移動(dòng)動(dòng)畫效果 |
AnimationSet | <set> | 放置在res/anim/目錄下一個(gè)持有其它動(dòng)畫元素alpha、scale骑素、translate炫乓、rotate或者其它set元素的容器 |
3、具體屬性詳解
3.1 Animation屬性詳解
通過上文中的類繼承關(guān)系献丑,可以看出來Animation抽象類是所有補(bǔ)間動(dòng)畫類的基類,所以基類會(huì)提供一些通用的動(dòng)畫屬性方法侠姑,如下我們就來詳細(xì)看看這些屬性:
xml屬性 | java方法 | 解釋 |
---|---|---|
android:detachWallpaper | setDetachWallpaper(boolean) | 是否在壁紙上運(yùn)行 |
android:duration | setDuration(long) | 動(dòng)畫持續(xù)時(shí)間创橄,毫秒為單位 |
android:fillAfter | setFillAfter(boolean) | 控件動(dòng)畫結(jié)束時(shí)是否保持動(dòng)畫最后的狀態(tài) |
android:fillBefore | setFillBefore(boolean) | 控件動(dòng)畫結(jié)束時(shí)是否還原到開始動(dòng)畫前的狀態(tài) |
android:fillEnabled | setFillEnabled(boolean) | 與android:fillBefore效果相同 |
android:interpolator | setInterpolator(Interpolator) | 設(shè)定插值器(指定的動(dòng)畫效果,譬如回彈等) |
android:repeatCount | setRepeatCount(int) | 重復(fù)次數(shù) |
android:repeatMode | setRepeatMode(int) | 重復(fù)類型有兩個(gè)值莽红,reverse表示倒序回放妥畏,restart表示從頭播放 |
android:startOffset | setStartOffset(long) | 調(diào)用start函數(shù)之后等待開始運(yùn)行的時(shí)間,單位為毫秒 |
android:zAdjustment | setZAdjustment(int) | 表示被設(shè)置動(dòng)畫的內(nèi)容運(yùn)行時(shí)在Z軸上的位置(top/bottom/normal)安吁,默認(rèn)為normal |
也就是說醉蚁,無論我們補(bǔ)間動(dòng)畫的哪一種都已經(jīng)具備了這種屬性,也都可以設(shè)置使用這些屬性中的一個(gè)或多個(gè)鬼店。
3.2 Alpha屬性詳解
xml屬性 | java方法 | 解釋 |
---|---|---|
android:fromAlpha | AlphaAnimation(float fromAlpha, …) | 動(dòng)畫開始的透明度(0.0到1.0网棍,0.0是全透明,1.0是不透明) |
android:toAlpha | AlphaAnimation(…, float toAlpha) | 動(dòng)畫結(jié)束的透明度妇智,同上 |
3.3 Rotate屬性詳解
xml屬性 | java方法 | 解釋 |
---|---|---|
android:fromDegrees | RotateAnimation(float fromDegrees, …) | 旋轉(zhuǎn)開始角度滥玷,正代表順時(shí)針度數(shù),負(fù)代表逆時(shí)針度數(shù) |
android:toDegrees | RotateAnimation(…, float toDegrees, …) | 旋轉(zhuǎn)結(jié)束角度巍棱,正代表順時(shí)針度數(shù)惑畴,負(fù)代表逆時(shí)針度數(shù) |
android:pivotX | RotateAnimation(…, float pivotX, …) | 縮放起點(diǎn)X坐標(biāo)(數(shù)值、百分?jǐn)?shù)航徙、百分?jǐn)?shù)p如贷,譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)) |
android:pivotY | RotateAnimation(…, float pivotY) | 縮放起點(diǎn)Y坐標(biāo)杠袱,同上規(guī)律 |
3.4 Scale屬性詳解
xml屬性 | java方法 | 解釋 |
---|---|---|
android:fromXScale | ScaleAnimation(float fromX, …) | 初始X軸縮放比例尚猿,1.0表示無變化 |
android:toXScale | ScaleAnimation(…, float toX, …) | 結(jié)束X軸縮放比例 |
android:fromYScale | ScaleAnimation(…, float fromY, …) | 初始Y軸縮放比例 |
android:toYScale | ScaleAnimation(…, float toY, …) | 結(jié)束Y軸縮放比例 |
android:pivotX | ScaleAnimation(…, float pivotX, …) | 縮放起點(diǎn)X軸坐標(biāo)(數(shù)值、百分?jǐn)?shù)霞掺、百分?jǐn)?shù)p谊路,譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)菩彬、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)) |
android:pivotY | ScaleAnimation(…, float pivotY) | 縮放起點(diǎn)Y軸坐標(biāo)缠劝,同上規(guī)律 |
3.5 Translate屬性詳解
xml屬性 | java方法 | 解釋 |
---|---|---|
android:fromXDelta | TranslateAnimation(float fromXDelta, …) | 起始點(diǎn)X軸坐標(biāo)(數(shù)值、百分?jǐn)?shù)骗灶、百分?jǐn)?shù)p惨恭,譬如50表示以當(dāng)前View左上角坐標(biāo)加50px為初始點(diǎn)、50%表示以當(dāng)前View的左上角加上當(dāng)前View寬高的50%做為初始點(diǎn)耙旦、50%p表示以當(dāng)前View的左上角加上父控件寬高的50%做為初始點(diǎn)) |
android:fromYDelta | TranslateAnimation(…, float fromYDelta, …) | 起始點(diǎn)Y軸從標(biāo)脱羡,同上規(guī)律 |
android:toXDelta | TranslateAnimation(…, float toXDelta, …) | 結(jié)束點(diǎn)X軸坐標(biāo),同上規(guī)律 |
android:toYDelta | TranslateAnimation(…, float toYDelta) | 結(jié)束點(diǎn)Y軸坐標(biāo)免都,同上規(guī)律 |
3.6 AnimationSet詳解
AnimationSet繼承自Animation锉罐,是上面四種的組合容器管理類,沒有自己特有的屬性绕娘,他的屬性繼承自Animation脓规,所以特別注意,當(dāng)我們對(duì)set標(biāo)簽使用Animation的屬性時(shí)會(huì)對(duì)該標(biāo)簽下的所有子控件都產(chǎn)生影響险领。
4侨舆、基本使用詳解
- 補(bǔ)間動(dòng)畫的使用方式分為兩種:在XML 代碼 / Java 代碼里設(shè)置
1、前者優(yōu)點(diǎn):動(dòng)畫描述的可讀性更好
2绢陌、后者優(yōu)點(diǎn):動(dòng)畫效果可動(dòng)態(tài)創(chuàng)建
4.1 Animation一些比較實(shí)用的方法介紹:
Animation類的方法 | 解釋 |
---|---|
reset() | 重置Animation的初始化 |
cancel() | 取消Animation動(dòng)畫 |
start() | 開始Animation動(dòng)畫 |
setAnimationListener(AnimationListener listener) | 給當(dāng)前Animation設(shè)置動(dòng)畫監(jiān)聽 |
hasStarted() | 判斷當(dāng)前Animation是否開始 |
hasEnded() | 判斷當(dāng)前Animation是否結(jié)束 |
- 既然補(bǔ)間動(dòng)畫只能給View使用挨下,那就來看看View中和動(dòng)畫相關(guān)的幾個(gè)常用方法吧,如下:
View類的常用動(dòng)畫操作方法 | 解釋 |
---|---|
startAnimation(Animation animation) | 對(duì)當(dāng)前View開始設(shè)置的Animation動(dòng)畫 |
clearAnimation() | 取消當(dāng)View在執(zhí)行的Animation動(dòng)畫 |
4.2 平移動(dòng)畫(Translate)
- 效果圖大致如下:
4.2.1 方式一:xml文件設(shè)置
- 步驟一:創(chuàng)建xml動(dòng)畫文件(必須放到 res/anim 文件夾下)
translate_animation.xml文件如下:
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000"
android:fromXDelta="0"
android:fromYDelta="0"
android:toXDelta="500"
android:toYDelta="500">
</translate>
<!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
共有屬性在xml中設(shè)置時(shí)要設(shè)置在set中
android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間(ms)脐湾,必須設(shè)置臭笆,動(dòng)畫才有效果
android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間(ms)
android:fillBefore = “true” // 動(dòng)畫播放完后,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)沥割,默認(rèn)為true
android:fillAfter = “false” // 動(dòng)畫播放完后耗啦,視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài),優(yōu)先于fillBefore值机杜,默認(rèn)為false
android:fillEnabled= “true” // 是否應(yīng)用fillBefore值帜讲,對(duì)fillAfter值無影響,默認(rèn)為true
android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式椒拗,restart代表正序重放似将,reverse代表倒序回放获黔,默認(rèn)為restart|
android:repeatCount = “0” // 重放次數(shù)(所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1),為infinite時(shí)無限重復(fù)
android:interpolator = @[package:]anim/interpolator_resource // 插值器在验,即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
// 以下參數(shù)是平移動(dòng)畫特有的屬性
android:fromXDelta="0" // 視圖在水平方向x 移動(dòng)的起始值
android:toXDelta="500" // 視圖在水平方向x 移動(dòng)的結(jié)束值
android:fromYDelta="0" // 視圖在豎直方向y 移動(dòng)的起始值
android:toYDelta="500" // 視圖在豎直方向y 移動(dòng)的結(jié)束值-->
- 步驟2:在Java代碼中創(chuàng)建 Animation 對(duì)象并播放動(dòng)畫
MainActivity.java文件如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫
Animation translateAnimation = AnimationUtils.loadAnimation(this, R.anim.translate_animation);
//開始動(dòng)畫
bt_translate.startAnimation(translateAnimation);
}
}
4.2.2 方式二:java代碼中設(shè)置
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫(參數(shù)就是TranslateAnimation特有的屬性)
TranslateAnimation translateAnimation = new TranslateAnimation(0, 500, 0, 500);
//設(shè)置時(shí)長(zhǎng)
translateAnimation.setDuration(3000);
//開始動(dòng)畫
bt_translate.startAnimation(translateAnimation);
}
}
4.3 縮放動(dòng)畫(Scale)
- 效果圖大致如下:
4.3.1 方式一:xml文件設(shè)置
- 步驟一:創(chuàng)建xml動(dòng)畫文件(必須放到 res/anim 文件夾下)
scale_animation.xml文件如下:
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000"
android:fromXScale="0.0"
android:fromYScale="0.0"
android:pivotX="50%"
android:pivotY="50%"
android:toXScale="2.0"
android:toYScale="2">
</scale>
<!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間(ms)玷氏,必須設(shè)置,動(dòng)畫才有效果
android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間(ms)
android:fillBefore = “true” // 動(dòng)畫播放完后腋舌,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)盏触,默認(rèn)為true
android:fillAfter = “false” // 動(dòng)畫播放完后,視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)块饺,優(yōu)先于fillBefore值赞辩,默認(rèn)為false
android:fillEnabled= “true” // 是否應(yīng)用fillBefore值,對(duì)fillAfter值無影響授艰,默認(rèn)為true
android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式辨嗽,restart代表正序重放,reverse代表倒序回放淮腾,默認(rèn)為restart|
android:repeatCount = “0” // 重放次數(shù)(所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1)糟需,為infinite時(shí)無限重復(fù)
android:interpolator = @[package:]anim/interpolator_resource // 插值器,即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
// 以下參數(shù)是縮放動(dòng)畫特有的屬性
android:fromXScale="0.0" // 動(dòng)畫在水平方向X的起始縮放倍數(shù)
// 0.0表示收縮到?jīng)]有谷朝;1.0表示正常無伸縮
// 值小于1.0表示收縮洲押;值大于1.0表示放大
android:toXScale="2" //動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
android:fromYScale="0.0" //動(dòng)畫開始前在豎直方向Y的起始縮放倍數(shù)
android:toYScale="2" //動(dòng)畫在豎直方向Y的結(jié)束縮放倍數(shù)
android:pivotX="50%" // 縮放軸點(diǎn)的x坐標(biāo)
android:pivotY="50%" // 縮放軸點(diǎn)的y坐標(biāo)
// 軸點(diǎn) = 視圖縮放的中心點(diǎn)
// pivotX pivotY,可取值為數(shù)字,百分比圆凰,或者百分比p
// 設(shè)置為數(shù)字時(shí)(如50)诅诱,軸點(diǎn)為View的左上角的原點(diǎn)在x方向和y方向加上50px的點(diǎn)。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.ABSOLUTE送朱。
// 設(shè)置為百分比時(shí)(如50%),軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上自身寬度50%和y方向自身高度50%的點(diǎn)干旁。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_SELF驶沼。
// 設(shè)置為百分比p時(shí)(如50%p),軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上父控件寬度50%和y方向父控件高度50%的點(diǎn)争群。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_PARENT-->
- 步驟二:在Java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫
MainActivity.java代碼如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫
Animation scaleAnimation=AnimationUtils.loadAnimation(this,R.anim.scale_animation);
//開始動(dòng)畫
bt_translate.startAnimation(scaleAnimation);
}
}
4.3.2 方式二:java代碼中設(shè)置
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫(參數(shù)就是ScaleAnimation特有的屬性)
ScaleAnimation scaleAnimation = new ScaleAnimation(0, 2, 0, 2,
Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
// 參數(shù)說明:
// 1. fromX :動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
// 2. toX :動(dòng)畫在水平方向X的結(jié)束縮放倍數(shù)
// 3. fromY :動(dòng)畫開始前在豎直方向Y的起始縮放倍數(shù)
// 4. toY:動(dòng)畫在豎直方向Y的結(jié)束縮放倍數(shù)
// 5. pivotXType:縮放軸點(diǎn)的x坐標(biāo)的模式
// 6. pivotXValue:縮放軸點(diǎn)x坐標(biāo)的相對(duì)值
// 7. pivotYType:縮放軸點(diǎn)的y坐標(biāo)的模式
// 8. pivotYValue:縮放軸點(diǎn)y坐標(biāo)的相對(duì)值
// pivotXType = Animation.ABSOLUTE:縮放軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 pivotXValue數(shù)值的點(diǎn)(y方向同理)
// pivotXType = Animation.RELATIVE_TO_SELF:縮放軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 自身寬度乘上pivotXValue數(shù)值的值(y方向同理)
// pivotXType = Animation.RELATIVE_TO_PARENT:縮放軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 父控件寬度乘上pivotXValue數(shù)值的值 (y方向同理)
//設(shè)置時(shí)長(zhǎng)
scaleAnimation.setDuration(3000);
//開始動(dòng)畫
bt_translate.startAnimation(scaleAnimation);
}
}
4.4 旋轉(zhuǎn)動(dòng)畫(Rotate)
-
效果圖大致如下:
944365-20f34d5aa917478a.gif
4.4.1 方式一:xml文件中設(shè)置
- 步驟一:創(chuàng)建xml動(dòng)畫文件(必須放到 res/anim 文件夾下)
rotate_animation.xml文件如下:
<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000"
android:fromDegrees="0"
android:toDegrees="270"
android:pivotX="50%"
android:pivotY="0">
</rotate>
<!-- // 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間(ms)回怜,必須設(shè)置,動(dòng)畫才有效果
android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間(ms)
android:fillBefore = “true” // 動(dòng)畫播放完后换薄,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài)玉雾,默認(rèn)為true
android:fillAfter = “false” // 動(dòng)畫播放完后,視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)轻要,優(yōu)先于fillBefore值复旬,默認(rèn)為false
android:fillEnabled= “true” // 是否應(yīng)用fillBefore值,對(duì)fillAfter值無影響冲泥,默認(rèn)為true
android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式驹碍,restart代表正序重放壁涎,reverse代表倒序回放,默認(rèn)為restart|
android:repeatCount = “0” // 重放次數(shù)(所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1)志秃,為infinite時(shí)無限重復(fù)
android:interpolator = @[package:]anim/interpolator_resource // 插值器怔球,即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
// 以下參數(shù)是旋轉(zhuǎn)動(dòng)畫特有的屬性
android:fromDegrees="0" // 動(dòng)畫開始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針,負(fù)數(shù) = 逆時(shí)針)
android:toDegrees="270" // 動(dòng)畫結(jié)束時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針浮还,負(fù)數(shù) = 逆時(shí)針)
android:pivotX="50%" // 旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo)
android:pivotY="0" // 旋轉(zhuǎn)軸點(diǎn)的y坐標(biāo)
// 軸點(diǎn) = 視圖縮放的中心點(diǎn)
// pivotX pivotY,可取值為數(shù)字竟坛,百分比,或者百分比p
// 設(shè)置為數(shù)字時(shí)(如50)钧舌,軸點(diǎn)為View的左上角的原點(diǎn)在x方向和y方向加上50px的點(diǎn)担汤。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.ABSOLUTE。
// 設(shè)置為百分比時(shí)(如50%)延刘,軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上自身寬度50%和y方向自身高度50%的點(diǎn)漫试。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_SELF。
// 設(shè)置為百分比p時(shí)(如50%p)碘赖,軸點(diǎn)為View的左上角的原點(diǎn)在x方向加上父控件寬度50%和y方向父控件高度50%的點(diǎn)驾荣。在Java代碼里面設(shè)置這個(gè)參數(shù)的對(duì)應(yīng)參數(shù)是Animation.RELATIVE_TO_PARENT
// 兩個(gè)50%表示動(dòng)畫從自身中間開始,具體如下圖-->
- 步驟二:在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫
MainActivity.java代碼如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫
Animation rotateAnimation = AnimationUtils.loadAnimation(this, R.anim.rotate_animation);
//開始動(dòng)畫
bt_translate.startAnimation(rotateAnimation);
}
}
4.4.2 方式二:java代碼中設(shè)置
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫(參數(shù)就是RotateAnimation特有的屬性)
RotateAnimation rotateAnimation = new RotateAnimation(0, 270, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
// 參數(shù)說明:
// 1. fromDegrees :動(dòng)畫開始時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針普泡,負(fù)數(shù) = 逆時(shí)針)
// 2. toDegrees :動(dòng)畫結(jié)束時(shí) 視圖的旋轉(zhuǎn)角度(正數(shù) = 順時(shí)針播掷,負(fù)數(shù) = 逆時(shí)針)
// 3. pivotXType:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo)的模式
// 4. pivotXValue:旋轉(zhuǎn)軸點(diǎn)x坐標(biāo)的相對(duì)值
// 5. pivotYType:旋轉(zhuǎn)軸點(diǎn)的y坐標(biāo)的模式
// 6. pivotYValue:旋轉(zhuǎn)軸點(diǎn)y坐標(biāo)的相對(duì)值
// pivotXType = Animation.ABSOLUTE:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 pivotXValue數(shù)值的點(diǎn)(y方向同理)
// pivotXType = Animation.RELATIVE_TO_SELF:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 自身寬度乘上pivotXValue數(shù)值的值(y方向同理)
// pivotXType = Animation.RELATIVE_TO_PARENT:旋轉(zhuǎn)軸點(diǎn)的x坐標(biāo) = View左上角的原點(diǎn) 在x方向 加上 父控件寬度乘上pivotXValue數(shù)值的值 (y方向同理)
//設(shè)置時(shí)長(zhǎng)
rotateAnimation.setDuration(3000);
//開始動(dòng)畫
bt_translate.startAnimation(rotateAnimation);
}
}
4.5 透明度動(dòng)畫(Alpha)
-
效果圖大致如下:
944365-bdd51d4125069243.gif
4.5.1 方式一:xml文件中設(shè)置
- 步驟一:創(chuàng)建xml動(dòng)畫文件(必須放到 res/anim 文件夾下)
alpha_animation.xml文件如下:
<?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="3000"
android:fromAlpha="0"
android:toAlpha="1.0" >
</alpha>
<!--// 以下參數(shù)是4種動(dòng)畫效果的公共屬性,即都有的屬性
android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間(ms),必須設(shè)置撼班,動(dòng)畫才有效果
android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間(ms)
android:fillBefore = “true” // 動(dòng)畫播放完后歧匈,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài),默認(rèn)為true
android:fillAfter = “false” // 動(dòng)畫播放完后砰嘁,視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)件炉,優(yōu)先于fillBefore值,默認(rèn)為false
android:fillEnabled= “true” // 是否應(yīng)用fillBefore值矮湘,對(duì)fillAfter值無影響斟冕,默認(rèn)為true
android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式,restart代表正序重放缅阳,reverse代表倒序回放磕蛇,默認(rèn)為restart|
android:repeatCount = “0” // 重放次數(shù)(所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1),為infinite時(shí)無限重復(fù)
android:interpolator = @[package:]anim/interpolator_resource // 插值器十办,即影響動(dòng)畫的播放速度,下面會(huì)詳細(xì)講
// 以下參數(shù)是透明度動(dòng)畫特有的屬性
android:fromAlpha="1.0" // 動(dòng)畫開始時(shí)視圖的透明度(取值范圍: -1 ~ 1)
android:toAlpha="0.0"http:// 動(dòng)畫結(jié)束時(shí)視圖的透明度(取值范圍: -1 ~ 1)-->
- 步驟二:在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫
MainActivity.java代碼如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫
Animation alphaAnimation = AnimationUtils.loadAnimation(this,R.anim.alpha_animation);
//開始動(dòng)畫
bt_translate.startAnimation(alphaAnimation);
}
}
4.5.2 方式二:java代碼中設(shè)置
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫(參數(shù)就是AlphaAnimation特有的屬性)
AlphaAnimation alphaAnimation = new AlphaAnimation(0.0f, 1.0f);
// 參數(shù)說明:
// 1. fromAlpha:動(dòng)畫開始時(shí)視圖的透明度(取值范圍: -1 ~ 1)
// 2. toAlpha:動(dòng)畫結(jié)束時(shí)視圖的透明度(取值范圍: -1 ~ 1)
//設(shè)置時(shí)長(zhǎng)
alphaAnimation.setDuration(3000);
//開始動(dòng)畫
bt_translate.startAnimation(alphaAnimation);
}
}
4.6 組合動(dòng)畫(set)
上文講的都是單個(gè)動(dòng)畫效果秀撇;而實(shí)際中很多需求都需要同時(shí)使用平移、縮放向族、旋轉(zhuǎn) & 透明度4種動(dòng)畫呵燕,即組合動(dòng)畫
特別注意:當(dāng)我們對(duì)set標(biāo)簽使用Animation的屬性時(shí)會(huì)對(duì)該標(biāo)簽下的所有子控件都產(chǎn)生影響。
-
效果圖大致如下:
944365-92c62cfb465f67e3.gif
4.6.1 方式一:xml文件中設(shè)置
- 步驟一:創(chuàng)建xml動(dòng)畫文件(必須放到 res/anim 文件夾下)
set_animation.xml文件如下:
<?xml version="1.0" encoding="utf-8"?>
<!--// 組合動(dòng)畫同樣具備公共屬性
android:duration="3000" // 動(dòng)畫持續(xù)時(shí)間(ms)炸枣,必須設(shè)置虏等,動(dòng)畫才有效果
android:startOffset ="1000" // 動(dòng)畫延遲開始時(shí)間(ms)
android:fillBefore = “true” // 動(dòng)畫播放完后弄唧,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài),默認(rèn)為true
android:fillAfter = “false” // 動(dòng)畫播放完后霍衫,視圖是否會(huì)停留在動(dòng)畫結(jié)束的狀態(tài)候引,優(yōu)先于fillBefore值,默認(rèn)為false
android:fillEnabled= “true” // 是否應(yīng)用fillBefore值敦跌,對(duì)fillAfter值無影響澄干,默認(rèn)為true
android:repeatMode= “restart” // 選擇重復(fù)播放動(dòng)畫模式,restart代表正序重放柠傍,reverse代表倒序回放麸俘,默認(rèn)為restart|
android:repeatCount = “0” // 重放次數(shù)(所以動(dòng)畫的播放次數(shù)=重放次數(shù)+1),為infinite時(shí)無限重復(fù)
android:interpolator = @[package:]anim/interpolator_resource // 插值器惧笛,即影響動(dòng)畫的播放速度,后文會(huì)詳細(xì)講
// 組合動(dòng)畫獨(dú)特的屬性
android:shareinterpolator = “true”
// 表示組合動(dòng)畫中的動(dòng)畫是否和集合共享同一個(gè)差值器
// 如果集合不指定插值器从媚,那么子動(dòng)畫需要單獨(dú)設(shè)置
// 組合動(dòng)畫播放時(shí)是全部動(dòng)畫同時(shí)開始
// 如果想不同動(dòng)畫不同時(shí)間開始就要使用android:startOffset屬性來延遲單個(gè)動(dòng)畫播放時(shí)間
-->
<set xmlns:android="http://schemas.android.com/apk/res/android">
// 設(shè)置旋轉(zhuǎn)動(dòng)畫,語法同單個(gè)動(dòng)畫
<rotate
android:duration="1000"
android:fromDegrees="0"
android:pivotX="50%"
android:pivotY="50%"
android:repeatCount="infinite"
android:repeatMode="restart"
android:toDegrees="360" />
// 設(shè)置平移動(dòng)畫患整,語法同單個(gè)動(dòng)畫
<translate
android:duration="10000"
android:fromXDelta="-50%p"
android:fromYDelta="0"
android:startOffset="1000"
android:toXDelta="50%p"
android:toYDelta="0" />
// 設(shè)置透明度動(dòng)畫拜效,語法同單個(gè)動(dòng)畫
<alpha
android:duration="3000"
android:fromAlpha="1.0"
android:startOffset="7000"
android:toAlpha="0.0" />
// 設(shè)置縮放動(dòng)畫,語法同單個(gè)動(dòng)畫
<scale
android:duration="1000"
android:fromXScale="1.0"
android:fromYScale="1.0"
android:pivotX="50%"
android:pivotY="50%"
android:startOffset="4000"
android:toXScale="0.5"
android:toYScale="0.5" />
<!--//特別注意:
1. 在組合動(dòng)畫里scale縮放動(dòng)畫設(shè)置的repeatCount(重復(fù)播放)和fillBefore(播放完后各谚,視圖是否會(huì)停留在動(dòng)畫開始的狀態(tài))是無效的紧憾。
2. 所以如果需要重復(fù)播放或者回到原位的話需要在set標(biāo)簽里設(shè)置
3. 但是由于此處rotate旋轉(zhuǎn)動(dòng)畫里已設(shè)置repeatCount為infinite,所以動(dòng)畫不會(huì)結(jié)束昌渤,也就看不到重播和回復(fù)原位-->
</set>
- 步驟二:在java代碼中創(chuàng)建Animation對(duì)象并播放動(dòng)畫
MainActivity.java代碼如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建動(dòng)畫
Animation setAnimation=AnimationUtils.loadAnimation(this,R.anim.set_animation);
//開始動(dòng)畫
bt_translate.startAnimation(setAnimation);
}
}
4.6.2 方式二:java代碼中設(shè)置
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button bt_translate = (Button) findViewById(R.id.bt_translate);
//創(chuàng)建集合動(dòng)畫
AnimationSet setAnimation = new AnimationSet(true);
// 特別說明以下情況:
// 因?yàn)樵谙旅娴男D(zhuǎn)動(dòng)畫設(shè)置了無限循環(huán)(RepeatCount = INFINITE)
// 所以動(dòng)畫不會(huì)結(jié)束曹锨,而是無限循環(huán)
// 所以組合動(dòng)畫的下面兩行設(shè)置是無效的
setAnimation.setRepeatMode(Animation.RESTART);
setAnimation.setRepeatCount(1);// 設(shè)置了循環(huán)一次,但無效
// 子動(dòng)畫1:旋轉(zhuǎn)動(dòng)畫
Animation rotate = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f);
rotate.setDuration(1000);
rotate.setRepeatMode(Animation.RESTART);
rotate.setRepeatCount(Animation.INFINITE);
// 子動(dòng)畫2:平移動(dòng)畫
Animation translate = new TranslateAnimation(TranslateAnimation.RELATIVE_TO_PARENT,-0.5f,
TranslateAnimation.RELATIVE_TO_PARENT,0.5f,
TranslateAnimation.RELATIVE_TO_SELF,0
,TranslateAnimation.RELATIVE_TO_SELF,0);
translate.setDuration(10000);
// 子動(dòng)畫3:透明度動(dòng)畫
Animation alpha = new AlphaAnimation(1,0);
alpha.setDuration(3000);
alpha.setStartOffset(7000);
// 子動(dòng)畫4:縮放動(dòng)畫
Animation scale1 = new ScaleAnimation(1,0.5f,1,0.5f,Animation.RELATIVE_TO_SELF,0.5f,
Animation.RELATIVE_TO_SELF,0.5f);
scale1.setDuration(1000);
scale1.setStartOffset(4000);
//將子動(dòng)畫添加到組合動(dòng)畫中
setAnimation.addAnimation(alpha);
setAnimation.addAnimation(rotate);
setAnimation.addAnimation(translate);
setAnimation.addAnimation(scale1);
//開始動(dòng)畫
bt_translate.startAnimation(setAnimation);
}
}
5娃弓、視圖動(dòng)畫注意事項(xiàng)
特別特別注意:補(bǔ)間動(dòng)畫執(zhí)行之后并未改變View的真實(shí)布局屬性值。切記這一點(diǎn)奴潘,譬如我們?cè)贏ctivity中有一個(gè)Button在屏幕上方淆九,我們?cè)O(shè)置了平移動(dòng)畫移動(dòng)到屏幕下方然后保持動(dòng)畫最后執(zhí)行狀態(tài)呆在屏幕下方脓匿,這時(shí)如果點(diǎn)擊屏幕下方動(dòng)畫執(zhí)行之后的Button是沒有任何反應(yīng)的蚀腿,而點(diǎn)擊原來屏幕上方?jīng)]有Button的地方卻響應(yīng)的是點(diǎn)擊Button的事件宣羊。
6、動(dòng)畫監(jiān)聽
Animation類通過監(jiān)聽動(dòng)畫開始 / 結(jié)束 / 重復(fù)時(shí)刻來進(jìn)行一系列操作毁腿,如跳轉(zhuǎn)頁面等等
通過在 java 代碼里setAnimationListener()方法設(shè)置,如下:
//動(dòng)畫監(jiān)聽
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
//該方法動(dòng)畫開始時(shí)執(zhí)行
}
@Override
public void onAnimationEnd(Animation animation) {
//該方法動(dòng)畫結(jié)束時(shí)執(zhí)行
}
@Override
public void onAnimationRepeat(Animation animation) {
//該動(dòng)畫重復(fù)時(shí)執(zhí)行
}
});
6苛茂、插值器 & 估值器
具體請(qǐng)看文章Android 動(dòng)畫:你真的會(huì)使用插值器與估值器嗎已烤?(含詳細(xì)實(shí)例教學(xué))
7、應(yīng)用場(chǎng)景
7.1 標(biāo)準(zhǔn)的動(dòng)畫效果
補(bǔ)間動(dòng)畫常用于視圖View的一些標(biāo)準(zhǔn)動(dòng)畫效果:平移妓羊、旋轉(zhuǎn)胯究、縮放 & 透明度;
除了常規(guī)的動(dòng)畫使用躁绸,補(bǔ)間動(dòng)畫還有一些特殊的應(yīng)用場(chǎng)景裕循。
7.2 特殊的應(yīng)用場(chǎng)景
- Activity 的切換效果
- Fragement 的切換效果
- 視圖組(ViewGroup)中子元素的出場(chǎng)效果
具體請(qǐng)看原文:http://www.reibang.com/p/733532041f46