動畫製做頗有趣,能夠爲用戶界面注入活力。 若是使用得當,動畫能夠向用戶傳達信息,並將用戶注意力吸引到界面的重要部分。ios
以前也作過一些iOS動畫,但一直沒有系統學習過,此次我用RW網站的書 《iOS Animations by Tutorials》 來系統地學習iOS動畫。這本書的內容和項目不復雜但很全,基本上iOS動畫的各個方面都介紹了。git
《iOS Animations by Tutorials》 全書分爲7個部分,27小章節,內容很是豐富,我對應7個部分分別總結爲7篇文章,有幾篇文章可能比較長,特別是動圖比較多,用手機看的小夥伴請慎重,對本身溫柔一點🥴。github
開發環境:Xcode 10.1, Swift 4.2, macOS Mojave 10.14.1ide
目錄能夠很好看清總體脈絡,每一篇文章的開始我也列出了小章節的題目,這樣能夠系統的學習iOS動畫,那邊有問題也好及時發先並對應到系統點上。要不可能越學越亂,這方面我本身深有體會的😕🤔。佈局
系統學習iOS動畫之一:視圖動畫
系統學習iOS動畫之二:自動佈局動畫
系統學習iOS動畫之三:圖層動畫
系統學習iOS動畫之四:視圖控制器的轉場動畫
系統學習iOS動畫之五:使用UIViewPropertyAnimator
系統學習iOS動畫之六:3D動畫
系統學習iOS動畫之七:其它類型的動畫post
我完成每一章節代碼放在GitHub上 andyRon/LearniOSAnimations,代碼中加一些中文註釋便於理解。學習
原書提供的代碼,每章都會有開始項目和最終完成項目代碼(這應該是RW網站的慣例了😀),有的章節還有有挑戰項目。建議按順序閱讀,由於先後章節知識點有必定關聯。動畫
開始項目都是相對簡單項目或者是前一個章節的項目,能夠直接使用原書提供的,也能夠本身從頭建立一下(我本身就是這麼幹的🤓🤓)。網站
悄悄地說,若是小夥伴暫時手頭沒有多餘💰購買正版,能夠私信我獲取電子書+代碼。3d
項目名 | 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 |
預覽圖 |
![]() |
![]() |