前面我們講到的屬性動畫都是使用代碼的定義方式:Android屬性動畫之ValueAnimator和Android屬性動畫之ObjectAnimator和AnimatorSet,下面我們再來看看使用XML文件該怎么做。
(1) XML文件位置:res/animator/filename.xml
(2) 文件編譯后的類型:ValueAnimator, ObjectAnimator, AnimatorSet。這三種類型前面已經介紹過。
(3) 引用資源的方式:
- In Java: R.animator.filename
- In XML: @[package:]animator/filename
下面來看看它的語法:
<set
android:ordering=["together" | "sequentially"]> <objectAnimator android:propertyName="string" android:duration="int" android:valueFrom="float | int | color" android:valueTo="float | int | color" android:startOffset="int" android:repeatCount="int" android:repeatMode=["repeat" | "reverse"] android:valueType=["intType" | "floatType"]/> <animator android:duration="int" android:valueFrom="float | int | color" android:valueTo="float | int | color" android:startOffset="int" android:repeatCount="int" android:repeatMode=["repeat" | "reverse"] android:valueType=["intType" | "floatType"]/> <set> ... </set> </set>
它上面包含了三個元素,set、objectAnimator、animator分別對應AnimatorSet、ObjectAnimator、ValueAnimator三個對象,這三個對象前面已經介紹過了:Android屬性動畫之ValueAnimator和Android屬性動畫之ObjectAnimator和AnimatorSet。
下面來分別介紹一下這幾個元素。
1、<set>
它是一個集合,包含了其他的元素,包括, 和其他的元素,它代表的就是一個AnimatorSet對象。
它具有如下屬性:
android:ordering
指定集合中動畫播放的順序。
它具有兩種類型的值:sequentially和together。第一個表示順序執行,第二個表示同時執行。默認是together。
2、<objectAnimator>
它指定一個對象的屬性動畫,表示一個ObjectAnimator對象。
它具有如下屬性:
android:propertyName
屬性名稱,例如一個view對象的”alpha”和”backgroundColor”。
android:valueFrom
變化開始值
android:valueTo
變化結束值
android:valueType
變化值類型
它有兩種值:intType和floatType,第二種為默認值
android:duration
持續時間
android:startOffset
動畫開始延遲時間
android:repeatCount
重復次數,-1表示無限重復
android:repeatMode
重復模式,前提是android:repeatCount為-1
它有兩種值:”reverse”和”repeat”,第一個表示反向重復,第二個為順序重復。
3、<animator>
它對應的就是ValueAnimator對象。
它具有如下屬性:
android:valueFrom
android:valueTo
android:duration
android:startOffset
android:repeatCount
android:repeatMode
android:valueType
這個跟上面一樣,就不解釋了,需要注意的是,在前面 Android屬性動畫之ValueAnimator中,我們就知道,使用這樣方式需要自己去進行屬性值的修改,它里面沒有指定屬性,我們使用animator.addUpdateListener去獲取變化值,然后自己修改對應屬性的值。
下面我們來看看一個例子:
XML文件如下,它的位置在res/animator/property_animator.xml。
<set android:ordering="sequentially"> <set> <objectAnimator android:propertyName="x" android:duration="500" android:valueTo="400" android:valueType="intType"/> <objectAnimator android:propertyName="y" android:duration="500" android:valueTo="300" android:valueType="intType"/> </set> <objectAnimator android:propertyName="alpha" android:duration="500" android:valueTo="1f"/> </set>
使用XML來定義,那么如果希望讓這個動畫運行起來,首先肯定是需要解析這個XML文件,要把這個XML文件解析為一個AnimatorSet對象,然后為這個動畫設置目標對象,最終啟動動畫。
下面是代碼:
AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext, R.anim.property_animator); set.setTarget(myObject); set.start();
①translationX和translationY:表示在X軸或者Y軸方向上的位移
② scaleX和scaleY:表示在X軸或者Y軸方向上的縮放
③rotation、rotationX和rotationY:這三個屬性控制View對象圍繞支點進行2D和3D旋轉。
④ pivotX和pivotY:這兩個屬性控制着View對象的支點位置,圍繞這個支點進行旋轉和縮放變換處理。默認情況下,該支點的位置就是View對象的中心點。
⑤x和y:這是兩個簡單實用的屬性,它描述了View對象在它的容器中的最終位置,它是最初的左上角坐標和translationX和translationY值的累計和。
⑥ alpha:它表示View對象的alpha透明度。默認值是1(不透明),0代表完全透明(不可見)。
當然我們可以操作的屬性遠遠不止這些,任何屬性只要有get和set方法,我們都可以操作。
一、概述
視圖動畫局限比較大,如下所述:
1、視圖動畫只能使用在View上面。
2、視圖動畫並沒有真正改變View相應的屬性值,這導致了UI效果與實際View狀態存在差異,並導致了一系列怪異行為,比如在使用了視圖動畫TranslateAnimation的View的UI上對其觸摸,你可能驚訝地發現並沒有觸發觸摸事件。
鑒於視圖動畫以上缺陷,從Android 3.0引入了屬性動畫。屬性動畫具有以下特性:
1、屬性動畫應用面更廣,不僅僅應用於View,可以將其應用到任意的對象上面,且該對象不需要具有UI界面。
2、當將屬性動畫作用於某個對象時,可以通過調用對象的setXXX方法實際改變對象的值。所以,當將屬性動畫作用於某個View時,View對象對應的屬性值會被改變。
我們看一下屬性動畫時如何工作的。
其實屬性動畫的工作原理並不復雜,假設一個對象有一個屬性x,我們想通過屬性動畫動態更改該值,假設我們想在40ms內將x的值從0漸變到40,那么如下圖所示:
隨着時間的增長,對應的x值也相應地線性漸變,當動畫完成時,x的值就是我們設置的最終值40。如果x值線性漸變,那么x的變化速度就是勻速的。其實,我們也可以變速地改變x的值,這會我們可以一開始加速增加x的值,后面減速增加x的值,如下圖所示:
如上圖所示,在前20ms,x值加速增大,在后20ms,x值增大的速度降低。
其實,每種改變x值速度的方式都叫做時間插值器TimeInterpolator,第一張圖中使用的時間插值器叫做LinearInterpolator,第二張圖中使用的時間插值器叫做AccelerateDecelerateInterpolator。動畫開始后,時間插值器會根據對應的算法計算出某一時刻x的值,然后我們就可以用該計算出的值更新對象中x屬性的值,這就是屬性動畫的基本工作原理。
屬性動畫中主要的類如下圖所示:
下面會對上述類分別進行講解。
Animator
屬性動畫主要的類都在android.animation命名空間下,Animator是屬性動畫的基類,其是一個抽象類,該類定義了許多重要的方法,如下所示:
- setDuration(long duration)
通過setDuration方法可以設置動畫總共的持續時間,以毫秒為單位。
- start()
通過start方法可以啟動動畫,動畫啟動后不一定會立即運行。如果之前通過調用setStartDelay方法設置了動畫延遲時間,那么會在經過延遲時間之后再運行動畫;如果沒有設置過動畫的延遲時間,那么動畫在調用了start()方法之后會立即運行。在調用了start()方法之后,動畫的isStarted()方法就會返回true;在動畫真正運行起來之后,動畫的isRunning()方法就會返回true,這時候動畫才會調用TimeInterpolator才開始工作計算屬性在某個時刻的值。調用動畫的start()方法所在的線程必須綁定了一個Looper對象,如果沒有綁定就會報錯。當然,UI線程(即主線程)早就默認綁定了一個Looper對象,所以在主線程中我們就無需擔心這個問題。如果我們想在一個View上使用屬性動畫,那么我們應該保證我們是在UI線程上調用的動畫的start()方法。start()方法運行后會觸發動畫監聽器AnimatorListener的onAnimationStart方法的執行。
- setStartDelay(long startDelay)
可以通過調用setStartDelay方法設置動畫的延遲運行時間,比如調用setStartDelay(1000)意味着動畫在執行了start()方法1秒之后才真正運行,這種情況下,在調用了start()方法0.5秒之后,isStarted()方法返回true,表示動畫已經啟動了,但是isRunning()方法返回false,表示動畫還未真正運行;在start()方法執行1秒之后,isStarted()方法還是返回true,isRunning()方法也返回了true,表示動畫已經真正開始運行了。通過調用getStartDelay()方法可以返回我們設置的動畫延遲啟動時間,默認值是0。
- setInterpolator(TimeInterpolator value)
我們可以通過調用setInterpolator方法改變動畫所使用的時間插值器,由於視圖動畫也需要使用時間插值器,所以我們可以使用android.view.animation命名空間下的一系列插值器,將其與屬性動畫一起工作。通過動畫的getInterpolator方法可以獲取我們設置的時間插值器。
- setTarget(Object target)
可以通過調用動畫的setTarget方法設置其要操作的對象,這樣可以更新該對象的某個屬性值。實際上,該方法對於ValueAnimator作用不大,因為ValueAnimator不是直接與某個對象打交道的。setTarget方法對於ObjectAnimator作用較大,因為ObjectAnimator需要綁定某個要操作的對象,下面會詳細介紹。
- pause()
Android中API Level 19在Animator中加入了pause()方法,該方法可以暫停動畫的執行。調用pause()方法的線程必須與調用start()方法的線程是同一個線程。如果動畫還沒有執行start()或者動畫已經結束了,那么調用pause()方法沒有任何影響,直接被忽略。當執行了pause()方法后,動畫的isPaused()方法會返回true。pause()方法運行后會觸發動畫監聽器AnimatorPauseListener的onAnimationPause方法的執行。
- resume()
如果動畫通過調用pause()方法暫停了,那么之后可以通過調用resume()方法讓動畫從上次暫停的地方繼續運行。resume()方法也是從API Level 19引入的,並且調用resume()方法的線程必須與調用start()方法的線程是同一個線程。如果動畫沒有處於暫停狀態(即isPaused()返回false),那么調用resume()方法會被忽略。resume()方法運行后會觸發動畫監聽器AnimatorPauseListener的onAnimationResume方法的執行。
- end
end()方法執行后,動畫會結束運行,直接從當前狀態跳轉到最終的完成狀態,並將屬性值分配成動畫的終止值,並觸發動畫監聽器AnimatorListener的onAnimationEnd方法的執行。
- cancel()
cancel()方法執行后,動畫也會結束運行,但是與調用end方法不同的是,其不會將屬性值分配給動畫的終止值。比如一個動畫在400ms內將對象的x屬性從0漸變為40,當運行到第200ms時調用了cancel()方法,那么屬性x的最終值是20,而不是40,這是與調用end()方法不同的,如果在第200ms調用了end()方法,那么屬性x的最終值是40。調用cancel()方法后,會先觸發AnimatorListener的onAnimationCancel方法的執行,然后觸發onAnimationEnd方法的執行。
- clone()
Animator實現了java.lang.Cloneable接口。Animator的clone()方法會對動畫進行拷貝,但是該方法默認實現的只是淺拷貝,子類可以重寫該方法以實現深拷貝。
- addListener (Animator.AnimatorListener listener)
可以通過addListener方法向Animator添加動畫監聽器,該方法接收的是AnimatorListener接口類型的參數,其具有四個方法:onAnimationStart、onAnimationCancel、onAnimationEnd、onAnimationRepeat。我們上面已經介紹了前三個方法,onAnimationRepeat方法會在動畫在重復播放的時候被回調。Android中的AnimatorListenerAdapter類是個抽象類,其實現了AnimatorListener接口,並為所有方法提供了一個空實現。
- addPauseListener (Animator.AnimatorPauseListener listener)
可以通過addPauseListener方法可以向Animator添加動畫暫停相關的監聽器,該方法接收的是AnimatorPauseListener接口類型的參數,具有兩個方法:onAnimationPause和onAnimationResume,上面已經提到過,在此不再贅述。AnimatorListenerAdapter同樣也實現了AnimatorPauseListener接口,並為所有方法提供了一個空實現。
ValueAnimator
ValueAnimator繼承自抽象類Animator。要讓屬性動畫漸變式地更改對象中某個屬性的值,可分兩步操作:第一步,動畫需要計算出某一時刻屬性值應該是多少;第二步,需要將計算出的屬性值賦值給動畫的屬性。ValueAnimator只實現了第一步,也就是說ValueAnimator只負責以動畫的形式不斷計算不同時刻的屬性值,但需要我們開發者自己寫代碼將計算出的值通過對象的setXXX等方法更新對象的屬性值。
ValueAnimator中有兩個比較重要的屬性,一個是TimeInterpolator類型的屬性,另一個是TypeEvaluator類型的屬性。TimeInterpolator指的就是時間插值器,在上面我們已經介紹過,在此不再贅述。TypeEvaluator是什么呢?TypeEvaluator表示的是ValueAnimator對哪種類型的值進行動畫處理。ValueAnimator提供了四個靜態方法ofFloat()、ofInt()、ofArgb()和ofObject(),通過這四個方法可以對不同種類型的值進行動畫處理,這四個方法對應了四種TypeEvaluator,下面會詳細說明。
- public static ValueAnimator ofFloat (float… values)
ofFloat方法接收一系列的float類型的值,其內部使用了FloatEvaluator。通過該方法ValueAnimator可以對float值進行動畫漸變,其使用方法如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f, 500f);
valueAnimator.addUpdateListener(
new
ValueAnimator.AnimatorUpdateListener() {
@Override
public
void
onAnimationUpdate(ValueAnimator animation) {
float
deltaY = (
float
)animation.getAnimatedValue();
textView.setTranslationY(deltaY);
}
});
//默認duration是300毫秒
valueAnimator.setDuration(
3000
);
valueAnimator.start();
|
其效果如下所示:
我們通過構造函數指定了動畫的起始值為0,終止值為500,動畫的默認持續時間是300毫秒,我們通過setDuration()方法設置為3000毫秒。該動畫會在3秒內,將值從0到500動畫漸變。ValueAnimator提供了一個addUpdateListener方法,可以通過該方法向其添加AnimatorUpdateListener類型的監聽器。AnimatorUpdateListener有一個onAnimationUpdate方法,ValueAnimator會每隔一定時間(默認間隔10ms)計算屬性的值,每當計算的時候就會回調onAnimationUpdate方法。在該方法中,我們通過調用ValueAnimator的getAnimatedValue()方法獲取到當前動畫計算出的屬性值,然后我們將該值傳入textView的setTranslationY()方法中,從而更新了textView的位置,這樣就通過ValueAnimator以動畫的形式移動textView。
- public static ValueAnimator ofInt (int… values)
ofInt方法與ofFloat方法很類似,只不過ofInt方法接收int類型的值,ofInt方法內部使用了IntEvaluator,其具體使用可參考上面ofFloat的使用代碼,在此不再贅述。
- public static ValueAnimator ofArgb (int… values)
從API Level 21開始,ValueAnimator中加入了ofArgb方法,該方法接收一些列代表了顏色的int值,其內部使用了ArgbEvaluator,可以用該方法實現將一個顏色動畫漸變到另一個顏色,我們從中可以不斷獲取中間動畫產生的顏色值。你可能納悶,既然傳入的還是int值,那直接用ofInt方法不就行了嗎,干嘛還要新增一個ofArgb方法呢?實際上用ofInt方法是不能完成顏色動畫漸變的。我們知道一個int值包含四個字節,在Android中第一個字節代表Alpha分量,第二個字節代表Red分量,第三個字節代表Green分量,第四個字節代表Blue分量,且我們常用16進制表示顏色,這樣看起來更明顯易懂一些,比如int值0xffff0000表示的紅色,0xff00ff00表示的是綠色,最前面的ff表示的是Alpha。ofArgb方法會通過ArgbEvaluator將顏色拆分成四個分量,然后分別對各個分量進行動畫計算,然后將四個計算完的分量再重新組合成一個表示顏色的int值,這就是ofArgb方法的工作原理。使用方法如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
//ValueAnimator.ofArgb()方法是在API Level 21中才加入的
if
(Build.VERSION.SDK_INT >=
21
){
//起始顏色為紅色
int
startColor =
0xffff0000
;
//終止顏色為綠色
int
endColor =
0xff00ff00
;
ValueAnimator valueAnimator = ValueAnimator.ofArgb(startColor, endColor);
valueAnimator.setDuration(
3000
);
valueAnimator.addUpdateListener(
new
ValueAnimator.AnimatorUpdateListener() {
@Override
public
void
onAnimationUpdate(ValueAnimator animation) {
int
color = (
int
)animation.getAnimatedValue();
textView.setBackgroundColor(color);
}
});
valueAnimator.start();
}
|
效果如下所示:
我們將TextView的顏色通過動畫從紅色漸變到綠色。
- public static ValueAnimator ofObject (TypeEvaluator evaluator, Object… values)
由於我們要進行動畫處理的值是各種各樣的,可能不是float、int或顏色值,那我們怎么使用屬性動畫呢?為此,ValueAnimator提供了一個ofObject方法,該方法接收一個TypeEvaluator類型的參數,我們需要實現該接口TypeEvaluator的evaluate方法,只要我們實現了TypeEvaluator接口,我們就能通過ofObject方法處理任意類型的數據。我們之前提到ofArgb方法是從API Level 21才引入的,如果我們想在之前的這之前的版本中使用ofArgb的功能,怎么辦呢?我們可以擴展TypeEvaluator,從而通過ofObject方法實現ofArgb方法的邏輯,如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
|
//起始顏色為紅色
int
startColor =
0xffff0000
;
//終止顏色為綠色
int
endColor =
0xff00ff00
;
ValueAnimator valueAnimator = ValueAnimator.ofObject(
new
TypeEvaluator() {
@Override
public
Object evaluate(
float
fraction, Object startValue, Object endValue) {
//從初始的int類型的顏色值中解析出Alpha、Red、Green、Blue四個分量
int
startInt = (Integer) startValue;
int
startA = (startInt >>
24
) &
0xff
;
int
startR = (startInt >>
16
) &
0xff
;
int
startG = (startInt >>
8
) &
0xff
;
int
startB = startInt &
0xff
;
//從終止的int類型的顏色值中解析出Alpha、Red、Green、Blue四個分量
int
endInt = (Integer) endValue;
int
endA = (endInt >>
24
) &
0xff
;
int
endR = (endInt >>
16
) &
0xff
;
int
endG = (endInt >>
8
) &
0xff
;
int
endB = endInt &
0xff
;
//分別對Alpha、Red、Green、Blue四個分量進行計算,
//最終合成一個完整的int型的顏色值
return
(
int
)((startA + (
int
)(fraction * (endA - startA))) <<
24
) |
(
int
)((startR + (
int
)(fraction * (endR - startR))) <<
16
) |
(
int
)((startG + (
int
)(fraction * (endG - startG))) <<
8
) |
(
int
)((startB + (
int
)(fraction * (endB - startB))));
}
}, startColor, endColor);
valueAnimator.setDuration(
3000
);
valueAnimator.addUpdateListener(
new
ValueAnimator.AnimatorUpdateListener() {
@Override
public
void
onAnimationUpdate(ValueAnimator animation) {
int
color = (
int
)animation.getAnimatedValue();
textView.setBackgroundColor(color);
}
});
valueAnimator.start();
|
以上代碼實現的效果與ofArgb實現的效果是一樣的,都是將TextView從紅色漸變到綠色,就不再附圖了,但是我們可以在API Level 11及以后的版本中都可以使用以上ofObject的代碼,通用性更強。
ObjectAnimator
ObjectAnimator繼承自ValueAnimator。我們之前提到,要讓屬性動畫漸變式地更改對象中某個屬性的值,可分兩步操作:第一步,動畫需要計算出某一時刻屬性值應該是多少;第二步,需要將計算出的屬性值賦值給動畫的屬性。ValueAnimator只實現了第一步,也就是說ValueAnimator只負責以動畫的形式不斷計算不同時刻的屬性值,但需要我們開發者自己寫代碼在動畫監聽器AnimatorUpdateListener的onAnimationUpdate方法中將計算出的值通過對象的setXXX等方法更新對象的屬性值。ObjectAnimator比ValueAnimator更進一步,其會自動調用對象的setXXX方法更新對象中的屬性值。
ObjectAnimator重載了ofFloat()、ofInt()、ofArgb()和ofObject()等靜態方法,我們下面依次說明。
- ofFloat(Object target, String propertyName, float… values)
使用方法如下所示:
1
2
3
4
5
|
float
value1 = 0f;
float
value2 = 500f;
final
ObjectAnimator objectAnimator = ObjectAnimator.ofFloat(textView,
"translationY"
, value1, value2);
objectAnimator.setDuration(
3000
);
objectAnimator.start();
|
以上代碼實現的效果與通過ValueAnimator的ofFloat方法實現的效果相同,此處不再附圖,但是可以看出使用ObjectAnimator代碼更簡潔。在構造函數中,我們將textView作為target傳遞給ObjectAnimator,然后指定textView要變化的屬性是translationY,最后指定漸變范圍是從0到500。當動畫開始時,ObjectAnimator就會不斷調用textView的setTranslationY方法以更新其值。我們此處演示的是ObjectAnimator與View一起工作,其實ObjectAnimator可以與任意的Object對象工作。如果要更新某個對象中名為propery的屬性,那么該Object對象必須具有一個setProperty的setter方法可以讓ObjectAnimator調用。在ofFloat方法最后如果只填入了一個float值,那么ObjectAnimator需要調用對象的getXXX方法獲取對象初始的屬性值,然后從該初始的屬性值漸變到終止值。
- ofInt(Object target, String propertyName, int… values)
參見ofFloat的使用方法。
- ofArgb(Object target, String propertyName, int… values)
使用代碼如下所示:
1
2
3
4
5
6
7
8
|
//ObjectAnimator.ofArgb()方法是在API Level 21中才加入的
if
(Build.VERSION.SDK_INT >=
21
){
int
startColor =
0xffff0000
;
int
endColor =
0xff00ff00
;
ObjectAnimator objectAnimator = ObjectAnimator.ofArgb(textView,
"backgroundColor"
, startColor, endColor);
objectAnimator.setDuration(
3000
);
objectAnimator.start();
}
|
效果圖參見ValueAnimator中對應的圖片。
ofObject(Object target, String propertyName, TypeEvaluator evaluator, Object… values)
使用代碼如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
|
int
startColor =
0xffff0000
;
int
endColor =
0xff00ff00
;
ObjectAnimator objectAnimator = ObjectAnimator.ofObject(textView,
"backgroundColor"
,
new
TypeEvaluator() {
@Override
public
Object evaluate(
float
fraction, Object startValue, Object endValue) {
int
startInt = (Integer) startValue;
int
startA = (startInt >>
24
) &
0xff
;
int
startR = (startInt >>
16
) &
0xff
;
int
startG = (startInt >>
8
) &
0xff
;
int
startB = startInt &
0xff
;
int
endInt = (Integer) endValue;
int
endA = (endInt >>
24
) &
0xff
;
int
endR = (endInt >>
16
) &
0xff
;
int
endG = (endInt >>
8
) &
0xff
;
int
endB = endInt &
0xff
;
return
(
int
)((startA + (
int
)(fraction * (endA - startA))) <<
24
) |
(
int
)((startR + (
int
)(fraction * (endR - startR))) <<
16
) |
(
int
)((startG + (
int
)(fraction * (endG - startG))) <<
8
) |
(
int
)((startB + (
int
)(fraction * (endB - startB))));
}
}, startColor, endColor);
objectAnimator.setDuration(
3000
);
objectAnimator.start();
|
AnimatorSet
AnimatorSet繼承自Animator。AnimatorSet表示的是動畫的集合,我們可以通過AnimatorSet把多個動畫集合在一起,讓其串行或並行執行,從而創造出復雜的動畫效果。
我們想讓TextView先進行旋轉,然后進行平移,最后進行伸縮,我們可以通過AnimatorSet實現該效果,代碼如下所示:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
```
//anim1實現TextView的旋轉動畫
Animator anim1 = ObjectAnimator.ofFloat(textView,
"rotation"
, 0f, 360f);
anim1.setDuration(
2000
);
//anim2和anim3TextView的平移動畫
Animator anim2 = ObjectAnimator.ofFloat(textView,
"translationX"
, 0f, 300f);
anim2.setDuration(
3000
);
Animator anim3 = ObjectAnimator.ofFloat(textView,
"translationY"
, 0f, 400f);
anim3.setDuration(
3000
);
//anim4實現TextView的伸縮動畫
Animator anim4 = ObjectAnimator.ofFloat(textView,
"scaleX"
, 1f,
0
.5f);
anim4.setDuration(
2000
);
//第一種方式
AnimatorSet animatorSet =
new
AnimatorSet();
animatorSet.playSequentially(anim1, anim2, anim4);
animatorSet.playTogether(anim2, anim3);
animatorSet.start();
//第二種方式
/*AnimatorSet anim23 = new AnimatorSet();
anim23.playTogether(anim2, anim3);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.playSequentially(anim1, anim23, anim4);
animatorSet.start();*/
//第三種方式
/*AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(anim1).before(anim2);
animatorSet.play(anim2).with(anim3);
animatorSet.play(anim4).after(anim2);
animatorSet.start();*/
```
|
效果如下所示:
動畫anim1用於旋轉TextView,anim2用於在X軸方向偏移TextView,anim3用於在Y軸方向偏移TextView,anim4用於縮放TextView。我們在以上代碼中提供了三種方式通過AnimationSet把這四個動畫組合到一起,第二種方式和第三種方式被注釋起來了。
其實有很多種辦法實現上述效果,這里只介紹一下上述三種方式的思路。
在第一種方式中,調用了animatorSet.playSequentially(anim1, anim2, anim4),該方法將anim1、anim2以及anim4按順序串聯起來放到了animatorSet中,這樣首先會讓動畫anim1執行,anim1執行完成后,會依次執行動畫anim2,執行完anim2之后會執行動畫anim3。通過調用animatorSet.playTogether(anim2, anim3),保證了anim2和anim3同時執行,即動畫anim1完成之后會同時運行anim2和anim3。
在第二種方式中,我們首先創建了一個AnimatorSet變量anim23,然后通過anim23.playTogether(anim2, anim3)將anim2和anim3組合成一個小的動畫集合。然后我們再把anim1、anim23以及anim4一起傳入到animatorSet.playSequentially(anim1, anim23, anim4)中,這樣anim1、anim23、anim4會依次執行,而anim23中的anim2和anim3會同時執行。該方式同時也演示了可以將一個AnimatorSet作為動畫的一部分放入另一個AnimatorSet中。
在第三種方式中,我們使用了AnimatorSet的play方法,該方法返回AnimatorSet.Builder類型,animatorSet.play(anim1).before(anim2)確保了anim1執行完了之后執行anim2,animatorSet.play(anim2).with(anim3)確保了anim2和anim3同時執行,animatorSet.play(anim4).after(anim2)確保了anim2執行完了之后執行anim4。需要說明的是animatorSet.play(anim1).before(anim2)與animatorSet.play(anim2).after(anim1)是完全等價的,之所以在上面代碼中有的寫before,有的寫after,只是為了讓大家多了解一下API。