動畫製作很有趣,可以為使用者介面注入活力。 如果使用得當,動畫可以向使用者傳達資訊,並將使用者注意力吸引到介面的重要部分。
之前也做過一些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 |
預覽圖 |
專案名 | MultiplayerSearch | SlideToReveal | PullToRefresh |
---|---|---|---|
對應章節 | 13 | 14 | 15 |
預覽圖 |
專案名 | Lris | BeginnerCook | LogoReveal |
---|---|---|---|
對應章節 | 16 | 17 | 18 19 |
預覽圖 |
專案名 | LockSearch | OfficeBuddy | ImageGallery |
---|---|---|---|
對應章節 | 20 21 22 23 | 24 | 25 |
預覽圖 |
專案名 | Snow Scene | SouthPoleFun |
---|---|---|
對應章節 | 26 | 27 |
預覽圖 |