最近閑來無事,看了下動畫特效相關(guān)內(nèi)容张峰,像下面這個就很炫酷泪蔫,著重關(guān)注了它的實現(xiàn)原理,其實類似的交互動畫在實際項目中并不常見喘批,不過加上后還挺好看的撩荣。
1月-18-2017 17-05-00.gif
剛開始還不知道他的運(yùn)行軌跡,有點云里霧里饶深,于是錄制了一個小視頻餐曹,放了一個慢動作。
1月-18-2017 17-13-25.gif
動作分解
可以分解成兩張圖敌厘,一張十字台猴,一張勾
1,十字漸變到勾時,緩緩移動橫線的右邊到豎線底部的位置,左邊一點保持不動
2,豎線底部不動饱狂,頂部緩緩移動到左邊的1/4的位置這樣一個勾就形成了
勾變十字就是還原原來的位置
d9542734-6e4d-4b75-8a91-ff06e47f7277.png
260bddce-b4a9-47d1-8eed-ab0f5eb5b5a7.png
障眼法
顏色的漸變
ArgbEvaluator
用于根據(jù)一個起始顏色值和一個結(jié)束顏色值以及一個偏移量生成一個新的顏色曹步,分分鐘實現(xiàn)類似于微信底部欄滑動顏色漸變。
ObjectAnimator.ofObject(this, mBackgroundColorProperty, mArgbEvaluator, Color.WHITE)
位置的旋轉(zhuǎn)
180 * mRotation休讳,每次旋轉(zhuǎn)180度讲婚,mRotation 從0-1