Expand Style Transition – 展開式轉場動畫

在畫面上通過 UITableView 展現一系列的花朵,當使用者點某一個 Cell 時,跳轉到另外一個 ViewController 顯示對應的大圖。

這裡通過 UINavigationController 做 Push/Pop 來跳轉 ViewController 但在這切換的過程,會使用自己定義的動畫。


Expand Style Transition

  • 點下其中一張圖片的時候會通過 Push 跳轉到 DetailViewController 這時候畫面會上下分離。
  • 從 DetailViewController 做 Pop 回到 HomeViewController 的時候,上下圖會進行合併。

UINavigationControllerDelegate

這次我們要自定義 UINavigationController 的轉場動畫,通過實現 UINavigationControllerDelegate 方法,我們在這裡提交自己的 transition.


SKExpandTransition

建立 SKExpandTransition 繼承於 NSObject, UIViewControllerAnimatedTransitioning 並實 Protocol 規定的兩個方法

轉場動畫

首先我們會根據 push 或者 pop 去抓取我們需要的圖片

然後根據 Push 或 Pop 做對應的動畫效果( 展開 / 合併)


Reference

 

  • 在 Github 上可以看到本文相關的 Source Code

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *