很多時(shí)候，我們APP設(shè)計(jì)師都會(huì)說(shuō)設(shè)計(jì)出這么有個(gè)性的APP動(dòng)效，我們的ios客戶端或者是安卓客戶端的小伙伴，可以按照我的設(shè)計(jì)交互要求可以實(shí)現(xiàn)真正的動(dòng)效嗎？

你是不是也經(jīng)常會(huì)有這樣的疑惑，也不知道到底自己設(shè)計(jì)的這個(gè)動(dòng)效能否付之實(shí)踐呢？

答案是肯定可以的。

如果你的客戶端開(kāi)發(fā)同學(xué)不能幫你實(shí)現(xiàn)你想要的動(dòng)效效果。可以轉(zhuǎn)發(fā)此文給他去借鑒和學(xué)習(xí)下。

讓你的 UICollectionView 動(dòng)起來(lái)，簡(jiǎn)單替換 AnimatedCollectionViewLayout?

其實(shí)這些動(dòng)效只要稍微改下代碼即可實(shí)現(xiàn)。

具體可以實(shí)現(xiàn)以下幾種常見(jiàn)的APP動(dòng)效場(chǎng)景切換。也就是采用UI?Collection View 來(lái)布局動(dòng)畫(huà)。

原理就是讓開(kāi)發(fā)工程師去實(shí)現(xiàn)UICollectionView的轉(zhuǎn)場(chǎng)動(dòng)畫(huà)。果斷的去拒絕我們?cè)O(shè)計(jì)稿成為真正的飛機(jī)稿。

良好的APP交互動(dòng)效創(chuàng)意可以大大增強(qiáng)我們APP的使用體驗(yàn)和個(gè)性化。

上圖當(dāng)中的7種場(chǎng)景切換動(dòng)畫(huà)是可以輕輕松松實(shí)現(xiàn)的。如果想要實(shí)現(xiàn)更加的酷炫的APP動(dòng)效，需要開(kāi)發(fā)工程師和APP設(shè)計(jì)師一起去溝通，采用最佳的動(dòng)畫(huà)實(shí)現(xiàn)方案。

項(xiàng)目地址

https://github.com/KelvinJin/AnimatedCollectionViewLayout

UICollectionView是一個(gè)很強(qiáng)大的APP里面的動(dòng)效工具。

包括基本使用，自定義布局，自定義插入刪除動(dòng)畫(huà)，自定義轉(zhuǎn)場(chǎng)動(dòng)畫(huà)等幾部分。都會(huì)用到UICollectionView來(lái)實(shí)現(xiàn)。

參考文檔：

1、http://www.jianshu.com/p/c59a5c92f859

2、https://objccn.io/issue-12-5/