首页 > 其他 > 详细

facebook插件Origami导出动画代码

时间:2015-05-20 16:17:05      阅读:109      评论:0      收藏:0      [点我收藏+]

14年,Facebook出品一款新闻聚合应用app:Paper,它的面世让一个叫做Origami的软件进入了大家的视线。在九个月的时间内,Facebook的产品设计师们用它给Paper原型设计出了许多复杂的动画:在一个屏幕内翻页和切换主题,滑动移动版块提取新闻,灵活的互动让用户仿佛感觉不到屏幕上玻璃的存在,富有诗情画意的3D效果更是给App增加了无限立体感。

实际上,Origami是一款Quartz Composer的插件,在安装QC之后安装Origami,会发现QC的界面变得更加友好,更加适合进行移动App的界面设计。

从2013年5月开始,Facebook的产品设计师们就开始开发这款QC插件。Origami的开发过程与Paper一同进行,随着Paper的功能越来越复杂,Origami也变得越来越强大,Paper上的每个动画效果都是由设计师首先在Origami上制作成型后,再由iOS工程师编写的。目前Origami的最新版本是2.0.2,在GitHub有它的源代码(https://github.com/facebook/origami)。

只有当你使用了POPAnimation组件时,才可以将代码导出,否则导出的是一空白文件.

技术分享

导出的代码是这样的

技术分享

可是,当我们把这串代码粘贴到工程中时,报错了,

技术分享

没事,我们只需将self.layer改成你想做动画的那个view,就OK了,嗯 ,记得也要那 起改掉。

技术分享

最后,放个按钮上去,将事件连起来。Running就可以看到效果了。

facebook插件Origami导出动画代码

原文:http://www.cnblogs.com/kw-ios/p/4517425.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!