动画制作很有趣,可以为用户界面注入活力。 如果使用得当,动画可以向用户传达信息,并将用户注意力吸引到界面的重要部分。
之前也做过一些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 |
预览图 |
作者:Andy_Ron
原文链接:https://juejin.im/post/5c3aa8a0518825265c2fd949