iOS开发杂货铺iOS技术笔记收录iOS进阶

iOS 视图控制器转场详解:从入门到精通

2016-02-19  本文已影响5556人  seedante

「精通」这个词不敢瞎讲,不过本文大体能够帮助你达到副标题的水平的:熟读几遍,多写几遍,转场就掌握了。另外,大家所谓的转场动画=转场+动画,其实两者互不相关,不管是简单的转场动画还是炫酷的转场动画,你想要的效果那是动画的事情,完全是另外一个话题。

简书里不支持目录跳转以及排版页面过窄使得阅读这个长篇很不方便,文章已经搬运至我的 Github Wiki 里。

文章目录

看这目录挺吓人的,其实转场是非常简单的事情,当你照着随便哪里的入门教程写下第一个非交互式转场动画后,你就已经掌握了转场50%的内容了,剩下的50%有点坑容易掉进去,不过多写几次,基本上就全掌握了。但是,这不能保证你能写出你想要的动画,因为这得看你会不会那个动画,日常够用的动画很简单,大部分动画库里的例子绝对足够你使用了,比如 Spring,很多基础动画,我早期学习动画案例都是从这里抄。这些动画已经能够组合出绝大部分你看到的转场动画了,实际上很多动画在于你是否能够将其分解成基础的动画,这是经验的问题,多写写多看看,而一些剩下的奇技淫巧的动画则需要一些特别的知识,比如用贝塞尔曲线实现一些非规则形状的动画,这得去了解 UIBezierPath + CAShapeLayer + maskLayer,教程也有不少。另外推荐这个关于 CAlayer 的教程,很多特殊的动画得依靠它们来实现。

版权申明:我已将本文在微信公众平台的发表权「独家代理」给 iOS 开发(iOSDevTips)微信公共帐号。扫码关注「iOS 开发」:

iOSDevTips

Demo 更新了 Swift 3.0,而文章中的代码片段由于工作量挺大的,看时间更新。

上一篇下一篇

猜你喜欢

热点阅读