歡迎光臨
每天分享高質量文章

10個讓你相見恨晚的iOS Swift動畫框架!

作者: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
··· ··· ···

 

本次的分享就到這啦,喜歡的話可以點個贊?或關註。如果有其他好用的動畫框架也歡迎大家在評論里留言分享。

已同步到看一看
赞(0)

分享創造快樂