animator 動畫動畫的作用是讓UI有動感, 看上去時尚。
Android中動畫分兩種方式:
一種方式是補間動畫
Tween Animation,就是說你定義一個開始和結束,中間的部分由程式運算得到。 另一種叫逐幀動畫
Frame Animation,就是說一幀一幀的連起來播放就變成了動畫。
動畫可以實現的效果: 1. 移動(Translation) 2. 透明度(alpha) 3. 旋轉(rotate) 4. 縮放 (scale) 現在分別用例子來講解:以下的實現都是用代碼實現的(ObjectAnimator)
1. 移動(Translation) 主要代碼
AnimatorSet set = new AnimatorSet() ; ObjectAnimator anim = ObjectAnimator .ofFloat(phone, "translationX", -500f, 0f);anim.setDuration(2000);ObjectAnimator anim3 = ObjectAnimator .ofFloat(phone, "translationX", 0f, -500f);anim3.setDuration(2000);ObjectAnimator anim2 = ObjectAnimator .ofFloat(phone, "translationY", 0f, -500f);anim2.setDuration(2000);ObjectAnimator anim4 = ObjectAnimator .ofFloat(phone, "translationY", -500f, 0f);anim4.setDuration(2000);AnimatorSet set3 = new AnimatorSet();set3.play(anim4).before(anim3) ;AnimatorSet set2 = new AnimatorSet();set2.play(anim2).before(set3) ;set.play(anim).before(set2);set.start();
講解:anim 是從-500f 位置移動到當前位置(X軸); anim3是從當前位置移動到-500f的位置(X軸); anim2是從當前位置移動-500f的位置(Y軸); anim 4是從-500f 位置移動到當前位置(Y軸);
AnimatorSet set3 = new AnimatorSet();set3.play(anim4).before(anim3) ;AnimatorSet set2 = new AnimatorSet();set2.play(anim2).before(set3) ;set.play(anim).before(set2);set.start();
這樣做的目的是為了,讓目標view移動一個來回,從哪裡出發, 最後回到出發的位置。
2. 透明度(alpha)
主要代碼
AnimatorSet set = new AnimatorSet() ;ObjectAnimator anim = ObjectAnimator.ofFloat(phone, "alpha", 1f, 0f);anim.setDuration(2000);ObjectAnimator anim2 = ObjectAnimator.ofFloat(phone, "alpha", 0f, 1f);anim2.setDuration(2000);set.play(anim).before(anim2) ;set.start();
講解: anim 從可見到不可見;
anim 從不可見到可見; 3. 旋轉(rotate) 主要代碼
AnimatorSet set = new AnimatorSet() ; ObjectAnimator anim = ObjectAnimator .ofFloat(phone, "rotationX", 0f, 180f);anim.setDuration(2000);ObjectAnimator anim2 = ObjectAnimator .ofFloat(phone, "rotationX", 180f, 0f);anim2.setDuration(2000);ObjectAnimator anim3 = ObjectAnimator .ofFloat(phone, "rotationY", 0f, 180f);anim3.setDuration(2000);ObjectAnimator anim4 = ObjectAnimator .ofFloat(phone, "rotationY", 180f, 0f);anim4.setDuration(2000);set.play(anim).before(anim2);set.play(anim3).before(anim4) ;set.start();
講解:anim 從0度轉180度(X軸)
anim2從180度轉0度(X軸) anim3從0度轉180度(Y軸) anim4從180度轉0度(Y軸)
set.play(anim).before(anim2);set.play(anim3).before(anim4) ;
這樣寫X和Y會同時旋轉
4. 縮放 (scale)
主要代碼
AnimatorSet set = new AnimatorSet() ; ObjectAnimator anim = ObjectAnimator .ofFloat(phone, "scaleX", 1f);anim.setDuration(1000);ObjectAnimator anim2 = ObjectAnimator .ofFloat(phone, "scaleX", 0.5f);anim2.setDuration(1000);ObjectAnimator anim3 = ObjectAnimator .ofFloat(phone, "scaleY", 1f);anim3.setDuration(1000);ObjectAnimator anim4 = ObjectAnimator .ofFloat(phone, "scaleY", 0.5f);anim4.setDuration(1000);ObjectAnimator anim5 = ObjectAnimator .ofFloat(phone, "scaleX", 0.5f);anim5.setDuration(1000);ObjectAnimator anim6 = ObjectAnimator .ofFloat(phone, "scaleX", 1f);anim6.setDuration(1000);ObjectAnimator anim7 = ObjectAnimator .ofFloat(phone, "scaleY",0.5f);anim7.setDuration(1000);ObjectAnimator anim8 = ObjectAnimator .ofFloat(phone, "scaleY", 1f);anim8.setDuration(1000);AnimatorSet set3 = new AnimatorSet() ; set3.play(anim5).before(anim6);AnimatorSet set2 = new AnimatorSet() ; set2.play(anim2).before(set3) ; AnimatorSet set4 = new AnimatorSet() ; set4.play(anim7).before(anim8) ;AnimatorSet set5 = new AnimatorSet() ; set5.play(anim4).before(set4);set.play(anim).before(set2);set.play(anim3).before(set5) ;set.start();
講解:anim 從原來大小開始(X軸)
anim2 縮放到原來的1/2(X軸) anim3從原來大小開始(Y軸)
anim4 縮放到原來的1/2(Y軸)
anim5從原來的1/2開始放大(X軸)
anim6放大到原來的大小(X軸)
anim7從原來的1/2開始放大(Y軸)
anim8放大到原來的大小(Y軸)
代碼:http://download.csdn.net/detail/luhuajcdd/5191812