Android屬性動(dòng)畫之多屬性變化與關(guān)鍵幀

多屬性變化

給同一個(gè)View實(shí)現(xiàn)同一個(gè)動(dòng)畫效果(同時(shí)變化x和y)轿曙,有下面三種方法。

方法一:用多個(gè)ObjectAnimator對象

ObjectAnimator animX = ObjectAnimator.ofFloat(myView, "x", 50f);
ObjectAnimator animY = ObjectAnimator.ofFloat(myView, "y", 100f);
AnimatorSet animSetXY = new AnimatorSet();
animSetXY.playTogether(animX, animY);
animSetXY.start();

方法二:用一個(gè)ObjectAnimator對象加多個(gè)PropertyValuesHolder

PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("x", 50f);
PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("y", 100f);
ObjectAnimator.ofPropertyValuesHolder(myView, pvhX, pvyY).start();

方法三:用ViewPropertyAnimator

myView.animate().x(50f).y(100f);

這三種方法中值得一提的是后兩種方法膜钓,其中ViewPropertyAnimator的使用請參見Android屬性動(dòng)畫完全解析(下)米者,Interpolator和ViewPropertyAnimator的用法中最后一部分的講解“聘現(xiàn)在來講講PropertyValuesHolder嫉嘀。

PropertyValuesHolder

PropertyValuesHolder這個(gè)類可以先將動(dòng)畫屬性和值暫時(shí)的存儲起來,后一起執(zhí)行,在有些時(shí)候可以使用替換掉AnimatorSet灯抛,減少代碼量金赦。
主要方法如下:

public static PropertyValuesHolder ofFloat(String propertyName, float... values)  
public static PropertyValuesHolder ofInt(String propertyName, int... values)   
public static PropertyValuesHolder ofObject(String propertyName, TypeEvaluator evaluator,Object... values)  
public static PropertyValuesHolder ofKeyframe(String propertyName, Keyframe... values)

關(guān)鍵幀

關(guān)鍵幀這個(gè)概念是從動(dòng)畫里學(xué)來的,我們知道視頻里对嚼,一秒要播放24幀圖片夹抗,對于制作flash動(dòng)畫的同學(xué)來講,是不是每一幀都要畫出來呢纵竖?當(dāng)然不是了漠烧,如果每一幀都畫出來,那估計(jì)做出來一個(gè)動(dòng)畫片都得要一年時(shí)間靡砌;比如我們要讓一個(gè)球在30秒時(shí)間內(nèi)已脓,從(0,0)點(diǎn)運(yùn)動(dòng)到(300,200)點(diǎn)通殃,那flash是怎么來做的呢度液,在flash中,我們只需要定義兩個(gè)關(guān)鍵幀画舌,在動(dòng)畫開始時(shí)定義一個(gè)堕担,把球的位置放在(0,0)點(diǎn);在30秒后曲聂,再定義一個(gè)關(guān)鍵幀照宝,把球的位置放在(300,200)點(diǎn)句葵。在動(dòng)畫 開始時(shí),球初始在是(0兢仰,0)點(diǎn)乍丈,30秒時(shí)間內(nèi)就adobe flash就會(huì)自動(dòng)填充,把球平滑移動(dòng)到第二個(gè)關(guān)鍵幀的位置(300把将,200)點(diǎn)轻专; 通過上面分析flash動(dòng)畫的制作原理,我們知道察蹲,一個(gè)關(guān)鍵幀必須包含兩個(gè)原素请垛,第一時(shí)間點(diǎn),第二位置洽议。即這個(gè)關(guān)鍵幀是表示的是某個(gè)物體在哪個(gè)時(shí)間點(diǎn)應(yīng)該在哪個(gè)位置上宗收。 所以谷歌的KeyFrame也不例外,KeyFrame的生成方式為:

Keyframe kf0 = Keyframe.ofFloat(0, 0);  
Keyframe kf1 = Keyframe.ofFloat(0.1f, -20f);  
Keyframe kf2 = Keyframe.ofFloat(1f, 0);  

上面生成了三個(gè)KeyFrame對象亚兄,其中KeyFrame的ofInt函數(shù)的聲明為:

public static Keyframe ofFloat(float fraction, float value)  

fraction:表示當(dāng)前的顯示進(jìn)度混稽,即從加速器中g(shù)etInterpolation()函數(shù)的返回值;
value:表示當(dāng)前應(yīng)該在的位置

比如Keyframe.ofFloat(0, 0)表示動(dòng)畫進(jìn)度為0時(shí),動(dòng)畫所在的數(shù)值位置為0匈勋;Keyframe.ofFloat(0.25f, -20f)表示動(dòng)畫進(jìn)度為25%時(shí)礼旅,動(dòng)畫所在的數(shù)值位置為-20;Keyframe.ofFloat(1f,0)表示動(dòng)畫結(jié)束時(shí)洽洁,動(dòng)畫所在的數(shù)值位置為0痘系; 在理解了KeyFrame.ofFloat()的參數(shù)以后,我們來看看PropertyValuesHolder是如何使用KeyFrame對象的:

public static PropertyValuesHolder ofKeyframe(String propertyName, Keyframe... values)  

propertyName:動(dòng)畫所要操作的屬性名
values:Keyframe的列表饿自,PropertyValuesHolder會(huì)根據(jù)每個(gè)Keyframe的設(shè)定汰翠,定時(shí)將指定的值輸出給動(dòng)畫。

所以完整的KeyFrame的使用代碼應(yīng)該是這樣的:

Keyframe frame0 = Keyframe.ofFloat(0f, 0);  
Keyframe frame1 = Keyframe.ofFloat(0.1f, -20f);  
Keyframe frame2 = Keyframe.ofFloat(1, 0);  
PropertyValuesHolder frameHolder = PropertyValuesHolder.ofKeyframe("rotation",frame0,frame1,frame2);  
Animator animator = ObjectAnimator.ofPropertyValuesHolder(mImage,frameHolder);  
animator.setDuration(1000);  
animator.start();  

第一步:生成Keyframe對象璃俗;
第二步:利用PropertyValuesHolder.ofKeyframe()生成PropertyValuesHolder對象
第三步:ObjectAnimator.ofPropertyValuesHolder()生成對應(yīng)的Animator

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末奴璃,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子城豁,更是在濱河造成了極大的恐慌苟穆,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件唱星,死亡現(xiàn)場離奇詭異雳旅,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)间聊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進(jìn)店門攒盈,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人哎榴,你說我怎么就攤上這事型豁。” “怎么了尚蝌?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵迎变,是天一觀的道長。 經(jīng)常有香客問我飘言,道長衣形,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任姿鸿,我火速辦了婚禮谆吴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘苛预。我一直安慰自己句狼,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布热某。 她就那樣靜靜地躺著鲜锚,像睡著了一般突诬。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上芜繁,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天旺隙,我揣著相機(jī)與錄音,去河邊找鬼骏令。 笑死蔬捷,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的榔袋。 我是一名探鬼主播周拐,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼凰兑!你這毒婦竟也來了妥粟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤吏够,失蹤者是張志新(化名)和其女友劉穎勾给,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體锅知,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡播急,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了售睹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片桩警。...
    茶點(diǎn)故事閱讀 39,690評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖昌妹,靈堂內(nèi)的尸體忽然破棺而出捶枢,到底是詐尸還是另有隱情,我是刑警寧澤飞崖,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布烂叔,位于F島的核電站,受9級特大地震影響蚜厉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜畜眨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一昼牛、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧康聂,春花似錦贰健、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春脊另,著一層夾襖步出監(jiān)牢的瞬間导狡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工偎痛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留旱捧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓踩麦,卻偏偏與公主長得像枚赡,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子谓谦,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,577評論 2 353

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