動(dòng)畫第一步->ValueAnimator 基本使用

極客學(xué)院Animation教程講解的很詳細(xì),點(diǎn)擊進(jìn)入哦

這里為學(xué)習(xí)的整理和補(bǔ)充O(∩_∩)O

一沉唠、 使用ValueAnimator

  1. 初始化ValueAnimator
  • 方式一
//演示從(0召调,0)到(400始腾,400)的移動(dòng)
view = findViewById(R.id.view);
//可以傳入n個(gè)Int類型的數(shù)值梭冠,這里僅傳入兩個(gè)0桶雀、400
ValueAnimator valueAnimator = ValueAnimator.ofInt(0, 400);
valueAnimator.setDuration(3000);
//監(jiān)聽3000ms內(nèi)矿酵,從0->400數(shù)值的實(shí)時(shí)變化
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        int curValue = (int) animation.getAnimatedValue();
        //沒有l(wèi)ayout的調(diào)用,view是不會(huì)移動(dòng)的矗积,layout設(shè)置view的位置
        view.layout(curValue, curValue, curValue + view.getWidth(), curValue + view.getHeight());
    }});
//開始動(dòng)畫
valueAnimator.start();
//也可以設(shè)置延長n毫秒之后啟動(dòng)
//valueAnimator.setStartDelay(10000);
  • 方式二
//和ofInt的功能一樣全肮,只是一個(gè)Int類型,一個(gè)Float類型
ValueAnimator valueAnimator = ValueAnimator.ofFloat(0f,288.88f, 88.8f);
valueAnimator.setDuration(3000);
valueAnimator.setRepeatCount(1);
valueAnimator.setRepeatMode(ValueAnimator.INFINITE);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        Float animatedValue = (Float) animation.getAnimatedValue();
        //獲取整數(shù)部分的值
        int curValue = animatedValue.intValue();
        view.layout(curValue, curValue, curValue + view.getWidth(), curValue + view.getHeight());
    }});
valueAnimator.start();
view.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
          //點(diǎn)擊取消當(dāng)前動(dòng)畫
          valueAnimator.cancel();
    }});

注意:此時(shí)view的位置已經(jīng)移動(dòng)棘捣,點(diǎn)擊此時(shí)的view是有反應(yīng)的辜腺,這是和補(bǔ)間動(dòng)畫不同的,點(diǎn)擊進(jìn)入,后記中有標(biāo)注

2.添加Listener 監(jiān)聽

valueAnimator.addListener(new Animator.AnimatorListener() {  
     @Override  
     public void onAnimationStart(Animator animation) {  
     }  
     @Override  
     public void onAnimationEnd(Animator animation) {  
     }  
     @Override  
     public void onAnimationCancel(Animator animation) {  
     }  
     @Override  
     public void onAnimationRepeat(Animator animation) {  
     }  
 });  
//執(zhí)行結(jié)果 start->(repeat)->(cancel)->end

3.取消監(jiān)聽

//移除 AnimatorUpdateListener 
void removeUpdateListener(AnimatorUpdateListener listener);  
void removeAllUpdateListeners();  
//移除 AnimatorListener 
void removeListener(AnimatorListener listener);  
void removeAllListeners();

4.其他函數(shù)

//完全克隆一個(gè) ValueAnimator 實(shí)例评疗,包括它所有的設(shè)置以及所有對(duì)監(jiān)聽器代碼的處理 
//和克隆差不多测砂,兩者除了外貌,并沒有其他的關(guān)聯(lián)哦~
public ValueAnimator clone() 

二百匆、小試牛刀

一起嘗試一下下邊的例子如何實(shí)現(xiàn)吧砌些!


引用自http://wiki.jikexueyuan.com/project/android-animation/6.html
  • 首先,可以看出這是一個(gè)在一定時(shí)間內(nèi)變大的圓加匈,并且最后回彈了存璃,可以用BounceInterpolator

  • 那么,第一步雕拼,我們定義一個(gè)圓,在res/drawable下新建circle.xml文件

<?xml version="1.0" encoding="utf-8"?>
<shape    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <size
        android:width="30dp"
        android:height="30dp"
        />
    <solid
        android:color="#ff0000"
        />
</shape>

就可以得到這樣一個(gè)圓:


紅紅滴圓.png
  • 在布局中引用一下
<View
    android:gravity="center"
    android:id="@+id/view"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:background="@drawable/circle"
    />
  • 最后一步纵东,java代碼引用,yeah~
view = findViewById(R.id.view);
ValueAnimator valueAnimator = ValueAnimator.ofInt(20, 600);
valueAnimator.setDuration(3000);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation) {
        int curValue = (int) animation.getAnimatedValue();
        ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
        layoutParams.width = layoutParams.height = curValue;
        view.setLayoutParams(layoutParams);
    }});
valueAnimator.setInterpolator(new BounceInterpolator());
valueAnimator.start();
}

后記:
Property Animator(屬性動(dòng)畫) 包括 ValueAnimator 和 ObjectAnimation啥寇,Property Animator 是通過改變控件內(nèi)部的屬性值來達(dá)到動(dòng)畫效果的篮迎;
View Animation(視圖動(dòng)畫) 包括 Tween Animation(補(bǔ)間動(dòng)畫)和 Frame Animation(逐幀動(dòng)畫),補(bǔ)間動(dòng)畫雖能對(duì)控件做動(dòng)畫,但并沒有改變控件內(nèi)部的屬性值示姿;之前的TranslateAnimation就是補(bǔ)間動(dòng)畫
專業(yè)術(shù)語,還是稍微記一下吧??

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末逊笆,一起剝皮案震驚了整個(gè)濱河市栈戳,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌难裆,老刑警劉巖子檀,帶你破解...
    沈念sama閱讀 211,348評(píng)論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異乃戈,居然都是意外死亡褂痰,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門症虑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缩歪,“玉大人,你說我怎么就攤上這事谍憔》蓑” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵习贫,是天一觀的道長逛球。 經(jīng)常有香客問我,道長苫昌,這世上最難降的妖魔是什么颤绕? 我笑而不...
    開封第一講書人閱讀 56,427評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上奥务,老公的妹妹穿的比我還像新娘物独。我一直安慰自己,他們只是感情好汗洒,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,467評(píng)論 6 385
  • 文/花漫 我一把揭開白布议纯。 她就那樣靜靜地躺著,像睡著了一般溢谤。 火紅的嫁衣襯著肌膚如雪瞻凤。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,785評(píng)論 1 290
  • 那天世杀,我揣著相機(jī)與錄音阀参,去河邊找鬼。 笑死瞻坝,一個(gè)胖子當(dāng)著我的面吹牛蛛壳,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播所刀,決...
    沈念sama閱讀 38,931評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼衙荐,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了浮创?” 一聲冷哼從身側(cè)響起忧吟,我...
    開封第一講書人閱讀 37,696評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎斩披,沒想到半個(gè)月后溜族,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,141評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡垦沉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,483評(píng)論 2 327
  • 正文 我和宋清朗相戀三年煌抒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厕倍。...
    茶點(diǎn)故事閱讀 38,625評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡寡壮,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出绑青,到底是詐尸還是另有隱情诬像,我是刑警寧澤,帶...
    沈念sama閱讀 34,291評(píng)論 4 329
  • 正文 年R本政府宣布闸婴,位于F島的核電站坏挠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏邪乍。R本人自食惡果不足惜降狠,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,892評(píng)論 3 312
  • 文/蒙蒙 一对竣、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧榜配,春花似錦否纬、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至烙心,卻和暖如春膜廊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背淫茵。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評(píng)論 1 265
  • 我被黑心中介騙來泰國打工爪瓜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人匙瘪。 一個(gè)月前我還...
    沈念sama閱讀 46,324評(píng)論 2 360
  • 正文 我出身青樓铆铆,卻偏偏與公主長得像,于是被迫代替她去往敵國和親丹喻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子薄货,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,492評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容