ios開發學習–視圖切換(View Transition)效果源碼分享–系列教程

來源:互聯網
上載者:User

zaker應用進入畫面效果
介紹: 實現zaker應用進入程式主介面的splash screen過渡效果。
http://ios.itmdc.com/thread-4737-1-6.html

CALayer_3d透視變換
介紹: 利用CALayer 實現對視圖進行三維變形和變換過渡效果。
http://ios.itmdc.com/thread-4738-1-6.html

使用者引導介面功能
介紹: 實現從使用者引導介面到主介面的過渡功能。Demo流程是:

1、從Splash畫面過渡到引導畫面;

2、引導畫面放置5張圖片,5張圖片介紹應用的功能實用點;

3、使用者可左右滑動圖片,當滑動到最後一張時,畫面出現一個點擊按鈕“進入”;

4、點擊“進入”按鈕,有開門效果,開啟門後進入到主介面。
http://ios.itmdc.com/thread-4739-1-6.html

Folding Views
介紹: 實現摺疊視圖的效果。
http://ios.itmdc.com/thread-4740-1-1.html

Paper Stack 
介紹: 類比書本翻頁的物理效果。紙張翻頁效果十分逼真,可以從頁邊的各個位置進行翻頁,而且翻頁可以隨著手指的移動而卷邊。
http://ios.itmdc.com/thread-4741-1-6.html

Flip Number View
介紹: 實現記分牌或者計時器那樣的數字翻頁改變效果,從頁面中間進行摺疊翻頁。可以同時對幾個數字進行翻頁改變。
http://ios.itmdc.com/thread-4742-1-1.html

Page Flipper 
介紹: 實現書本翻頁效果,翻頁效果可以受手指控制,即不是一下子翻頁過去,而是根據手指的滑動來翻頁。
http://ios.itmdc.com/thread-4743-1-5.html

Paper Fold 
介紹: 實現摺疊樣式的視圖轉場效果。當手指向左或者向右划動螢幕介面時,左邊或者右邊隱藏的視圖會隨著手指的划動以展開摺疊的方式展開視圖,同樣,隱藏視圖也是將左右視圖慢慢摺疊回去。支援ARC。
http://ios.itmdc.com/thread-4744-1-5.html

Curtain ViewController 
介紹: 實現一種開門(或者叫開窗帘)樣式的視圖變換效果。視圖開始變換時,當前視圖從中間開啟,分成兩半,後面的視圖慢慢顯示出來。支援水平方向和垂直方向的開啟檔案。只支援ARC。
http://ios.itmdc.com/thread-4745-1-5.html

常用16種視圖切換動畫 
介紹: 實現各種頁面過渡轉場效果。前4種是UIView,後面都是 Core Animation。
http://ios.itmdc.com/thread-4746-1-5.html

HelloPageCurl
介紹: 一個類似翻頁的動畫效果,只是翻起一個角,類似google地圖應用捲起一角的那種形式。
http://ios.itmdc.com/thread-4747-1-5.html


Splash Screen Transition

介紹: 實現 splash畫面(launch image)到程式介面(root view controller)之間的翻頁過渡動畫效果。
http://ios.itmdc.com/thread-4748-1-5.html

GCurlPageView 
介紹: 實作類別似書本翻頁效果。
http://ios.itmdc.com/thread-4749-1-5.html

XYOrigami
介紹: 實現一種特殊視圖變換效果,視圖開始切換時,左邊的視圖想摺紙那樣慢慢展開,右邊視圖慢慢被推出當前視窗,或者左邊的視圖慢慢被摺疊起來。
http://ios.itmdc.com/thread-4750-1-5.html

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.