14年,Facebook出品一款新闻聚合应用app:Paper,它的面世让一个叫作Origami的软件进入了你们的视线。在九个月的时间内,Facebook的产品设计师们用它给Paper原型设计出了许多复杂的动画:在一个屏幕内翻页和切换主题,滑动移动版块提取新闻,灵活的互动让用户仿佛感受不到屏幕上玻璃的存在,富有诗情画意的3D效果更是给App增长了无限立体感。git
实际上,Origami是一款Quartz Composer的插件,在安装QC以后安装Origami,会发现QC的界面变得更加友好,更加适合进行移动App的界面设计。github
从2013年5月开始,Facebook的产品设计师们就开始开发这款QC插件。Origami的开发过程与Paper一同进行,随着Paper的功能愈来愈复杂,Origami也变得愈来愈强大,Paper上的每一个动画效果都是由设计师首先在Origami上制做成型后,再由iOS工程师编写的。目前Origami的最新版本是2.0.2,在GitHub有它的源代码(https://github.com/facebook/origami)。app
只有当你使用了POPAnimation
组件时,才能够将代码导出,不然导出的是一空白文件.动画
导出的代码是这样的spa
但是,当咱们把这串代码粘贴到工程中时,报错了,插件
没事,咱们只需将self.layer改为你想作动画的那个view,就OK了,嗯 ,记得也要那 起改掉。设计
最后,放个按钮上去,将事件连起来。Running就能够看到效果了。code