Android屬性動(dòng)畫總結(jié)

Android屬性動(dòng)畫總結(jié)

前言

動(dòng)畫應(yīng)該是Android開發(fā)中比較常用相當(dāng)重要的技能之一澈蟆,有時(shí)候多日不用翔忽,用的時(shí)候腦子一片空白。這里總結(jié)下一屬性動(dòng)畫的使用铃彰,以備不時(shí)之需绍豁。
Google官方把動(dòng)畫分為

  • View Animation
  • Drawable Animation
  • Property Animation

作為一個(gè)“老Android開發(fā)者”,我們一般這樣分:

  • Tween Animation:通過對場景里的對象不斷做圖像變換(平移牙捉、縮放竹揍、旋轉(zhuǎn))產(chǎn)生動(dòng)畫效果,即是一種漸變動(dòng)畫邪铲;
  • Frame Animation:順序播放事先做好的圖像芬位,是一種畫面轉(zhuǎn)換動(dòng)畫。
  • Property Animation:屬性動(dòng)畫带到,通過動(dòng)態(tài)地改變對象的屬性從而達(dá)到動(dòng)畫效果昧碉,屬性動(dòng)畫為API 11新特性。

另外兩個(gè)動(dòng)畫都比較經(jīng)典這里就不說了,本文主要總結(jié)屬性動(dòng)畫被饿,
Property Animation 屬性動(dòng)畫是Android 3.0 (API level 11)才加入的四康,一般來說官方也比較推薦用它,因?yàn)樗峁┝烁嗟膶傩韵廖眨褂闷饋砀拥撵`活

Android官網(wǎng)Property Animation鏈接

簡述

屬性動(dòng)畫系統(tǒng)可以讓你定義動(dòng)畫的以下屬性:

  • 時(shí)長
  • 時(shí)間插值
  • 重復(fù)次數(shù)
  • 動(dòng)畫集Animator sets
  • 幀頻率

就像說Java里面說list我們想到了ArrayList闪金,說map我們想到了HashMap,說屬性動(dòng)畫我們自然要想到ObjectAnimator论颅,它是屬性動(dòng)畫的最典型最重要的類哎垦。其他的不是特殊需要可以先不考慮

基本使用

單個(gè)動(dòng)畫使用

/**
 * 縮放動(dòng)畫
 * @param v 被縮放的view
 */
private void scale(View v){
    ObjectAnimator anim = ObjectAnimator.ofFloat(v, "scaleX", 2f);//x方向放大兩倍
    anim.setDuration(1000);//時(shí)長
    anim.setRepeatCount(2);//重復(fù)次數(shù)
    anim.setRepeatMode(ValueAnimator.REVERSE);//重復(fù)時(shí)相反的方向恢復(fù)到原來的樣子
    anim.setInterpolator(new AccelerateInterpolator());//設(shè)置插值器為加速度
    anim.start();
}

ofFloat的參數(shù):

  • 第一個(gè)參數(shù)是要操縱的對象view
  • 第二個(gè)參數(shù)是屬性,比如"x"恃疯,"y"漏设,"pivotX","translationX","rotationX","scaleX"澡谭,"scaleY"等
  • 第三個(gè)參數(shù)是可變數(shù)組參數(shù)愿题,是本屬性動(dòng)畫相應(yīng)的變化值损俭,

ObjectAnimator有那么多方法蛙奖,這里為什么用ofFloat()而不是ofInt(),ofArgb(),ofMultiFloat()等等,還是那句話它最經(jīng)典用的最多杆兵,這里用它就適合雁仲。不要糾結(jié)當(dāng)你發(fā)現(xiàn)ofFloat不夠用的時(shí)候,實(shí)現(xiàn)不了的時(shí)候再去深入看看其他的

屬性動(dòng)畫顧名思義就是針對屬性的動(dòng)畫琐脏,那么屬性動(dòng)畫的屬性們有哪些呢:

  • translationX and translationY:這兩個(gè)屬性控制view距離其布局容器的左上角坐標(biāo)的偏移量
  • rotation, rotationX, and rotationY:這些屬性控制圍繞軸點(diǎn)進(jìn)行的2D和3D的旋轉(zhuǎn)
  • scaleX and scaleY: 控制視圖繞其軸點(diǎn)的x軸攒砖,y軸的縮放倍數(shù)
  • pivotX and pivotY:控制軸點(diǎn)的位置,圍繞該點(diǎn)旋轉(zhuǎn)和縮放變換發(fā)生日裙。默認(rèn)情況下吹艇,軸點(diǎn)位于對象的中心。
  • x and y: 用于描述在其容器視圖中的最終位置昂拂,作為左側(cè)值和頂部值以及translationX和translationY值的總和受神。
  • alpha:View視圖的透明度,0是完全透明格侯,1是不透明

動(dòng)畫集使用

想要?jiǎng)赢嬓Ч屿趴岜翘隙ú皇菃我坏男Ч枰獛讉€(gè)動(dòng)畫結(jié)合一起執(zhí)行联四,這里就要用到AnimatorSet撑碴,用法舉例:

/**
 * @param v  執(zhí)行動(dòng)畫的view
 * @param startBounds  開始的邊界
 * @param finalBounds  結(jié)束時(shí)的邊界
 * @param startScale  開始的拉伸比率
 */
public void startZoomAnim(View v, Rect startBounds, Rect finalBounds, float startScale) {
    AnimatorSet set = new AnimatorSet();
    set.play(
            ObjectAnimator.ofFloat(v, "x", startBounds.left, finalBounds.left))
            .with(ObjectAnimator.ofFloat(v, "y", startBounds.top, finalBounds.top))
            .with(ObjectAnimator.ofFloat(v, "scaleX", startScale, 1f))
            .with(ObjectAnimator.ofFloat(v, "scaleY", startScale, 1f));

    set.setDuration(200);
    set.setInterpolator(new DecelerateInterpolator());
    set.addListener(new AnimatorListenerAdapter() {
        @Override
        public void onAnimationEnd(Animator animation) {
            //
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            //
        }
    });
    set.start();
}

其實(shí)真正開發(fā)中你會(huì)發(fā)現(xiàn)也許AnimatorSet也不能滿足你的需求,因?yàn)樵O(shè)計(jì)的效果也許是一連串的動(dòng)畫效果朝墩,這時(shí)候你就需要加入動(dòng)畫監(jiān)聽器AnimatorListener醉拓,監(jiān)聽到動(dòng)畫之行結(jié)束啟動(dòng)另外一個(gè)動(dòng)畫

插值器

想要效果更加靈動(dòng)活潑自然少不了插值器
各個(gè)插值器效果參考這里
http://www.cnblogs.com/mengdd/p/3346003.html

總結(jié)

上面這些都是屬性動(dòng)畫的基礎(chǔ)知識(shí),也許復(fù)雜的動(dòng)畫自己寫監(jiān)聽會(huì)很復(fù)雜,這里推薦一個(gè)開源庫亿卤,操作屬性動(dòng)畫很優(yōu)雅
https://github.com/florent37/ViewAnimator

ViewAnimator
       .animate(image)
            .translationY(-1000, 0)
            .alpha(0,1)
       .andAnimate(text)
            .dp().translationX(-20, 0)
            .decelerate()
            .duration(2000)
       .thenAnimate(image)
            .scale(1f, 0.5f, 1f)
            .accelerate()
            .duration(1000)
       .start();

參考鏈接

Android官網(wǎng)Property Animation鏈接

http://www.reibang.com/p/0923ab36d682

http://www.cnblogs.com/mengdd/p/3346003.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末玫镐,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子怠噪,更是在濱河造成了極大的恐慌恐似,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件傍念,死亡現(xiàn)場離奇詭異矫夷,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)憋槐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門双藕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人阳仔,你說我怎么就攤上這事忧陪。” “怎么了近范?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵嘶摊,是天一觀的道長。 經(jīng)常有香客問我评矩,道長叶堆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任斥杜,我火速辦了婚禮虱颗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蔗喂。我一直安慰自己忘渔,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布缰儿。 她就那樣靜靜地躺著畦粮,像睡著了一般。 火紅的嫁衣襯著肌膚如雪返弹。 梳的紋絲不亂的頭發(fā)上锈玉,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天,我揣著相機(jī)與錄音义起,去河邊找鬼拉背。 笑死,一個(gè)胖子當(dāng)著我的面吹牛默终,可吹牛的內(nèi)容都是我干的椅棺。 我是一名探鬼主播犁罩,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼两疚!你這毒婦竟也來了床估?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤诱渤,失蹤者是張志新(化名)和其女友劉穎丐巫,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體勺美,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡递胧,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了赡茸。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片缎脾。...
    茶點(diǎn)故事閱讀 40,852評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖占卧,靈堂內(nèi)的尸體忽然破棺而出遗菠,到底是詐尸還是另有隱情,我是刑警寧澤华蜒,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布辙纬,位于F島的核電站,受9級特大地震影響友多,放射性物質(zhì)發(fā)生泄漏牲平。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一域滥、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蜈抓,春花似錦启绰、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至腊嗡,卻和暖如春着倾,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背燕少。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工卡者, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人客们。 一個(gè)月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓崇决,卻偏偏與公主長得像材诽,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子恒傻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評論 2 361

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

  • 1 背景 不能只分析源碼呀脸侥,分析的同時(shí)也要整理歸納基礎(chǔ)知識(shí),剛好有人微博私信讓全面說說Android的動(dòng)畫盈厘,所以今...
    未聞椛洺閱讀 2,718評論 0 10
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,321評論 25 707
  • 轉(zhuǎn)載一篇高質(zhì)量博文睁枕,原地址請戳這里轉(zhuǎn)載下來方便今后查看。1 背景不能只分析源碼呀沸手,分析的同時(shí)也要整理歸納基礎(chǔ)知識(shí)譬重,...
    Elder閱讀 1,943評論 0 24
  • Animation Animation類是所有動(dòng)畫(scale、alpha罐氨、translate臀规、rotate)的基...
    四月一號閱讀 1,923評論 0 10
  • 昨日風(fēng)光無限好,怎奈人心空寂寥栅隐。幾縷愁絲繞心頭塔嬉,難割舍,難挽留租悄。 今日天氣不如意谨究,難擋人兒歡喜笑。幾許柔情攀...
    深秋知涼閱讀 313評論 0 1