android 屬性動(dòng)畫——貝塞爾曲線

有段時(shí)間沒寫了贰健,最近也有點(diǎn)忙,前段時(shí)間看見個(gè)有意思的動(dòng)畫,在這里自己學(xué)習(xí)一下勇哗,作為記錄,原項(xiàng)目地址

https://github.com/saulmm/Curved-Fab-Reveal-Example

好了現(xiàn)在開始搞起

先看效果圖


沒有見過貝塞爾曲線的小伙伴肯定懵逼了,怎么實(shí)現(xiàn)呢寸齐,其實(shí)這個(gè)動(dòng)畫效果就是貝塞爾曲線實(shí)現(xiàn)的欲诺,不知道的可以去問下度娘抄谐。

直接看代碼:


activity沒什么好看的,主要內(nèi)容在fragment里扰法,按鈕點(diǎn)擊事件執(zhí)行方法:


可以看出蛹含,用到了ObjectAnimator屬性動(dòng)畫,看一下ofObject()參數(shù)


target:傳入需要進(jìn)行屬性動(dòng)畫的對(duì)象塞颁;

propertyName:動(dòng)畫的屬性名稱浦箱;

TypeEvaluator:將在每個(gè)動(dòng)畫幀上調(diào)用,以在Object值之間提供必要的插值(第四個(gè)參數(shù))以導(dǎo)出動(dòng)畫值祠锣。就是通過貝塞爾曲線公式算出當(dāng)前進(jìn)度點(diǎn)所在的位置酷窥。

values:動(dòng)畫隨時(shí)間變化的一組值。就是路徑集合

這時(shí)候再看“fabLoc”這個(gè)有什么用伴网,你會(huì)發(fā)現(xiàn)代碼里有個(gè)這樣方法:

打了日志蓬推,你就會(huì)發(fā)現(xiàn)在動(dòng)畫執(zhí)行時(shí)將會(huì)不斷調(diào)用這個(gè)方法,這個(gè)基于ObjectAnimation的實(shí)現(xiàn)原理定義:定義setFabLoc函數(shù)澡腾。參數(shù)為路徑信息對(duì)象沸伏,來設(shè)置動(dòng)畫的對(duì)象的位置。

我們?cè)倏磏ew PathEvaluator()蛋铆;

這里就是通過貝塞爾曲線公式計(jì)算當(dāng)前進(jìn)度所在的坐標(biāo)點(diǎn)馋评,然后通過反射調(diào)用setFabLoc時(shí)函數(shù)的傳參

繼續(xù)看path.getPoints().toArray();這個(gè)就是一個(gè)添加點(diǎn)坐標(biāo)的集合

PathPoint類包含了重置起點(diǎn)的路徑刺啦,三階貝塞爾移動(dòng)路徑留特,直線移動(dòng)的路徑;


繼續(xù)設(shè)置動(dòng)畫屬性anim.setInterpolator(newAccelerateInterpolator());是漸變加速度還是直接加速度等等玛瘸,這里設(shè)置默認(rèn)蜕青;

然后設(shè)置動(dòng)畫時(shí)長,就可以start了糊渊;

好了到這里右核,整個(gè)貝塞爾曲線動(dòng)畫已經(jīng)結(jié)束,

至于變大渺绒,漸變可以看一下


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末贺喝,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子宗兼,更是在濱河造成了極大的恐慌躏鱼,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,406評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件殷绍,死亡現(xiàn)場(chǎng)離奇詭異染苛,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)主到,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,395評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門茶行,熙熙樓的掌柜王于貴愁眉苦臉地迎上來躯概,“玉大人,你說我怎么就攤上這事畔师∪⒚遥” “怎么了?”我有些...
    開封第一講書人閱讀 167,815評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵茉唉,是天一觀的道長固蛾。 經(jīng)常有香客問我,道長度陆,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,537評(píng)論 1 296
  • 正文 為了忘掉前任献幔,我火速辦了婚禮懂傀,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蜡感。我一直安慰自己蹬蚁,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,536評(píng)論 6 397
  • 文/花漫 我一把揭開白布郑兴。 她就那樣靜靜地躺著犀斋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪情连。 梳的紋絲不亂的頭發(fā)上叽粹,一...
    開封第一講書人閱讀 52,184評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音却舀,去河邊找鬼虫几。 笑死,一個(gè)胖子當(dāng)著我的面吹牛挽拔,可吹牛的內(nèi)容都是我干的辆脸。 我是一名探鬼主播,決...
    沈念sama閱讀 40,776評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼螃诅,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼啡氢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起术裸,我...
    開封第一講書人閱讀 39,668評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤倘是,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后穗椅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體辨绊,經(jīng)...
    沈念sama閱讀 46,212評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,299評(píng)論 3 340
  • 正文 我和宋清朗相戀三年匹表,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了门坷。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片宣鄙。...
    茶點(diǎn)故事閱讀 40,438評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖默蚌,靈堂內(nèi)的尸體忽然破棺而出冻晤,到底是詐尸還是另有隱情,我是刑警寧澤绸吸,帶...
    沈念sama閱讀 36,128評(píng)論 5 349
  • 正文 年R本政府宣布鼻弧,位于F島的核電站,受9級(jí)特大地震影響锦茁,放射性物質(zhì)發(fā)生泄漏攘轩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,807評(píng)論 3 333
  • 文/蒙蒙 一码俩、第九天 我趴在偏房一處隱蔽的房頂上張望度帮。 院中可真熱鬧,春花似錦稿存、人聲如沸笨篷。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,279評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽率翅。三九已至,卻和暖如春袖迎,著一層夾襖步出監(jiān)牢的瞬間冕臭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,395評(píng)論 1 272
  • 我被黑心中介騙來泰國打工瓢棒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留浴韭,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,827評(píng)論 3 376
  • 正文 我出身青樓脯宿,卻偏偏與公主長得像念颈,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子连霉,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,446評(píng)論 2 359

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,273評(píng)論 25 707
  • 又是一年畢業(yè)季跺撼,今年終于輪到我了窟感,最近一邊忙著公司的項(xiàng)目,一邊趕著畢設(shè)和論文歉井,還私下和朋友搞了些小外包柿祈,然后還要抽...
    李晨瑋閱讀 7,217評(píng)論 5 64
  • 一:canvas簡介 1.1什么是canvas? ①:canvas是HTML5提供的一種新標(biāo)簽 ②:HTML5 ...
    GreenHand1閱讀 4,691評(píng)論 2 32
  • 黑板筆墨臺(tái)三尺, 前路漫漫字指引 授知識(shí)躏嚎, 把蒙啟蜜自。 古來今往敬作揖, 芬芳天下滿桃李卢佣。
    林柳楓閱讀 191評(píng)論 0 0
  • 第一幅圖是比著第三幅圖畫的重荠,女兒要公主 畫人物真的好難 今天簡筆畫已經(jīng)過半了時(shí)間,雖然要求每2天打卡一次虚茶,一個(gè)月不...
    谷月溪Amanda閱讀 372評(píng)論 0 0