不知道為啥，上傳上去的gif圖，就播一遍，想多看幾遍的同學(xué)，可以選擇右鍵 -> 將圖片存儲(chǔ)到 "下載"(或者其他操作)
動(dòng)畫效果如圖所示，在此首先聲明，代碼的實(shí)現(xiàn)比較low，如有更好的實(shí)現(xiàn)方式，還請(qǐng)賜教，互相學(xué)習(xí)。謝謝?。?！
在這呢，想跟大家分享一個(gè)，當(dāng)我們碰到這樣的動(dòng)畫，要怎么入手去操作？
拆分(拆解) --- 我們看到一個(gè)動(dòng)畫時(shí)，首先要了解，這個(gè)動(dòng)畫效果是由哪幾種動(dòng)畫組成的，在整個(gè)動(dòng)畫過(guò)程中，都是怎么變化的。
如果原型圖是gif圖，MAC自帶的預(yù)覽功能，就可以一幀一幀的看到整個(gè)的變化，
通過(guò)一幀一幀的分析，我們發(fā)現(xiàn)，這個(gè)動(dòng)畫效果是由這幾部分組成的：
① 點(diǎn)贊圖片的放大，縮小
② 點(diǎn)贊圖片的顏色漸變
③ 點(diǎn)贊圖片的搖擺
④ 紅色圓點(diǎn)的顯示，分裂，位移，縮小，消失
這個(gè)動(dòng)畫，就是由這些簡(jiǎn)單的動(dòng)畫組成的，那么接下來(lái)，就好辦了。我們分別實(shí)現(xiàn)這幾個(gè)動(dòng)畫，然后有機(jī)的組合起來(lái)，就ok了?。?！是不是很簡(jiǎn)單啊，那還不趕緊試試看，嘻嘻?。。?/p>
當(dāng)然，如果原型圖是視頻文件，我們通過(guò) QuickTime Player(MAC自動(dòng)工具)軟件，編輯菜單 -- 【修剪】功能，同樣可以一幀一幀的看到變化。
[傳送門][id]
[id]: https://github.com/cnvegetablebird/SimpleLikeAnimation
