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