知識星球作者：JasonWuuu 連結：https://juejin.im/post/5c7d1ff3f265da2dcc8010e7
前言
一個好看顏值高的 app 往往離不開各種好看的動畫，然而複雜的動畫效果的做起來可謂是每個程式員的噩夢，筆者特意蒐集了10個讓你相見恨晚的 iOS Swift 動畫框架，助你輕鬆高效的搞定動畫！
如果大家喜歡這型別的文章，推薦另一篇：
-
30個讓你眼前一亮的iOS Swift UI控制元件!
https://juejin.im/post/5c7d1ff3f265da2dcc8010e7
No.1 Lottie
Airbnb 開源的用於渲染 AE 向量動畫的動畫框架，有多平臺版本，透過 AE 外掛直接將動畫匯出為 json 檔案在客戶端使用，將動畫功能實現完全交還給設計師，從此告別耗費效能的幀動畫。
No.2 Spring
Spring 是一套支援 Storyboard 上直接操作使用的動畫框架，方便易用，各種動畫效果的實現甚至都不用寫一行程式碼！
支援多種動畫型別屬性：
| Animation | Curve | Properties |
|---|---|---|
| shake | spring | force |
| pop | linear | duration |
| morph | easeIn | delay |
| squeeze | easeOut | damping |
| wobble | easeInOut | velocity |
| ··· | ··· | ··· |
No.3 Material
Material 是用於建立漂亮應用的 UI/UX 框架，其動畫系統利用 Motion 完全重新設計，提供了多種 Material Design 風格的控制元件，讓你輕鬆在 iOS 應用上實現 Material Design 風格！
點選檢視動圖
https://user-gold-cdn.xitu.io/2019/3/4/16948c4c0d6f1d06
支援特性一覽：
| Features | ||
|---|---|---|
| Color Library | Cards | FABMenu |
| Icons | TextField | Tabs |
| Chips | SearchBar | NavigationController |
| NavigationDrawer | BottomNavigationBar | ··· |
No.4 RazzleDazzle
RazzleDazzle 是一個簡單的自動佈局友好的 iOS 關鍵幀動畫框架，使用於滾動式的應用介紹。
點選檢視動圖
https://user-gold-cdn.xitu.io/2019/3/4/16948c4c0da70b2f
支援多種動畫型別：
| Animation Types | |
|---|---|
| AlphaAnimation | BackgroundColorAnimation |
| RotationAnimation | ScaleAnimation |
| TranslationAnimation | CornerRadiusAnimation |
| HideAnimation | ··· |
No.5 Stellar
一個出色的物理動畫庫，基於 UIDynamic 並對其進行擴充套件，友好的 API 讓你可以輕鬆使用它或自定義你自己的動畫。
點選檢視動圖
https://user-gold-cdn.xitu.io/2019/3/4/16948c4c0f6d294
支援特性一覽：
| Animations | Animatable type | Easing Curve |
|---|---|---|
| Basic | Float | Default |
| Gravity | CGFloat | EaseIn |
| Snap | Double | EaseOut |
| Attachment | CGSize | EaseInEaseOut |
| Push | CGPoint | Linear |
| ··· | ··· | ··· |
No.6 Macaw
功能強大且易於使用的向量圖形動畫庫，支援SVG，複雜的動畫實現只需簡單幾行程式碼！
點選檢視動圖
https://user-gold-cdn.xitu.io/2019/3/4/16948c4c42abca80
No.7 Presentation
尋找在 iOS 應用中呈現內容的最簡單方法？Presentation 將幫助你以最少的工作量製作教程，演示說明和任何型別的動畫頁面。
點選檢視動圖
https://user-gold-cdn.xitu.io/2019/3/4/16948c4c50722e65
No.8 Neon
Neon 是一套強大的UI佈局框架，圍繞使用者介面如何自然而直觀地設計而構建的。沒有多餘的部分，沒有糟糕的視覺格式語言，沒有更多的自動佈侷限制。我們不是機器人，為什麼要像我們一樣構建我們的UI？
No.9 fluid-interfaces
受“Designing Fluid Interfaces”啟發而設計的自然手勢和動畫。
支援特性一覽：
| Animations | ||
|---|---|---|
| Calculator Button | Spring Animations | Flashlight Button |
| Rubberbanding | Acceleration Pausing | Rewarding Momentum |
| FaceTime PiP | Rotation | ··· |
No.10 Sica
簡單的介面 Core Animation，以按順序或並行的方式執行型別安全的動畫。
支援特性一覽：
| Animation | AnimationPlayType | EasingFunctions |
|---|---|---|
| CABasicAnimation | sequentially | linear |
| CATransition | parallelly | easeIn/Out |
| ··· | ··· | ··· |
本次的分享就到這啦，喜歡的話可以點個贊?或關註。如果有其他好用的動畫框架也歡迎大家在評論裡留言分享。
朋友會在“發現-看一看”看到你“在看”的內容