Skip to content

Latest commit

 

History

History

iOS_Animations_by_Tutorials

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

系统学习iOS动画之零:说明和目录

动画制作很有趣,可以为用户界面注入活力。 如果使用得当,动画可以向用户传达信息,并将用户注意力吸引到界面的重要部分。

之前也做过一些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
预览图

动画相关的类总结

UIKit

​ .animate(withDuration:delay:usingSpringWithDamping:initialSpringVelocity:options:animations:completion:)

​ .transition(...)

QuartzCore

CAAnimation

​ CAPropertyAnimation

​ CABasicAnimation

​ CASpringAnimation

​ CAKeyframeAnimation

​ CATransition

​ CAAnimationGroup

CATransform3D

CGAffineTransform

CATransform3DRotate

CALayer CAEmitterLayer

关于英文

有的英文不怎么好翻译,为了不让我的翻译产生歧义,我尽量在使用专业词汇时,也把英文给出。

英语水平有限,勉强能看懂和理解书籍,但有的部分翻译成中文,就有点尴尬了,所以遇到一些不好翻译的词时,我就把英文原文也列出来。

学到英语词汇😊: prolific prolific StackOverflow participant wrangle 争吵,口角 thrill (使)兴奋 convey 表达,运输 subtle elaborate stiff mimic keen acceleration deceleration oscillation snappy blobby blob interpolate hypothetical situation mimic elaborate assortment tame spice gorgeous pendulum 钟摆