系統學習iOS動畫之零:說明和目錄

Andy_Ron發表於2019-01-13

動畫製作很有趣,可以為使用者介面注入活力。 如果使用得當,動畫可以向使用者傳達資訊,並將使用者注意力吸引到介面的重要部分。

之前也做過一些iOS動畫,但一直沒有系統學習過,這次我用RW網站的書 《iOS Animations by Tutorials》 來系統地學習iOS動畫。這本書的內容和專案不復雜但很全,基本上iOS動畫的各個方面都介紹了。

《iOS Animations by Tutorials》 全書分為7個部分,27小章節,內容非常豐富,我對應7個部分分別總結為7篇文章,有幾篇文章可能比較長,特別是動圖比較多,用手機看的小夥伴請慎重,對自己溫柔一點?。

開發環境:Xcode 10.1, Swift 4.2, macOS Mojave 10.14.1

目錄

目錄可以很好看清整體脈絡,每一篇文章的開始我也列出了小章節的題目,這樣可以系統的學習iOS動畫,那邊有問題也好及時發先並對應到系統點上。要不可能越學越亂,這方面我自己深有體會的??。

系統學習iOS動畫之一:檢視動畫
系統學習iOS動畫之二:自動佈局動畫
系統學習iOS動畫之三:圖層動畫
系統學習iOS動畫之四:檢視控制器的轉場動畫
系統學習iOS動畫之五:使用UIViewPropertyAnimator
系統學習iOS動畫之六:3D動畫
系統學習iOS動畫之七:其它型別的動畫

關於程式碼

我完成每一章節程式碼放在GitHub上 andyRon/LearniOSAnimations,程式碼中加一些中文註釋便於理解。

原書提供的程式碼,每章都會有開始專案最終完成專案程式碼(這應該是RW網站的慣例了?),有的章節還有有挑戰專案。建議按順序閱讀,因為前後章節知識點有一定關聯。

開始專案都是相對簡單專案或者是前一個章節的專案,可以直接使用原書提供的,也可以自己從頭建立一下(我自己就是這麼幹的??)。

悄悄地說,如果小夥伴暫時手頭沒有多餘?購買正版,可以私信我獲取電子書+程式碼。

專案預覽和對應章節

專案名 BahamaAirLoginScreen Flight Info Packing List
對應章節 1 2 3 8 9 10 11 12 4 5 6 7
預覽圖
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
專案名 MultiplayerSearch SlideToReveal PullToRefresh
對應章節 13 14 15
預覽圖
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
專案名 Lris BeginnerCook LogoReveal
對應章節 16 17 18 19
預覽圖
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
專案名 LockSearch OfficeBuddy ImageGallery
對應章節 20 21 22 23 24 25
預覽圖
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄
專案名 Snow Scene SouthPoleFun
對應章節 26 27
預覽圖
系統學習iOS動畫之零:說明和目錄
系統學習iOS動畫之零:說明和目錄

相關文章