概述

這篇文章，我將講述幾種轉(zhuǎn)場動畫的自定義方式组力，并且每種方式附上一個示例省容，畢竟代碼才是我們的語言，這樣比較容易上手燎字。其中主要有以下三種自定義方法腥椒，供大家參考：

• Push & Pop
• Modal
• Segue

前兩種大家都很熟悉，第三種是 Stroyboard 中的拖線候衍，屬于 UIStoryboardSegue 類笼蛛，通過繼承這個類來自定義轉(zhuǎn)場過程動畫。

Push & Pop

首先說一下 Push & Pop 這種轉(zhuǎn)場的自定義蛉鹿，操作步驟如下：

1. 創(chuàng)建一個文件繼承自 NSObject, 并遵守 UIViewControllerAnimatedTransitioning協(xié)議滨砍。

2. 實現(xiàn)該協(xié)議的兩個基本方法：

   //指定轉(zhuǎn)場動畫持續(xù)的時長
   func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval      
   //轉(zhuǎn)場動畫的具體內(nèi)容       
   func animateTransition(transitionContext: UIViewControllerContextTransitioning)
   

3. 遵守 UINavigationControllerDelegate 協(xié)議，并實現(xiàn)此方法：

   func navigationController(navigationController: UINavigationController, animationControllerForOperation operation: UINavigationControllerOperation, fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning?
   

   在此方法中指定所用的 UIViewControllerAnimatedTransitioning妖异，即返回 第1步 中創(chuàng)建的類惋戏。

   注意：由于需要 Push 和 Pop，所以需要兩套動畫方案他膳。解決方法為：

   在 第1步 中响逢，創(chuàng)建兩個文件，一個用于 Push 動畫棕孙，一個用于 Pop動畫龄句，然后 第3步 中在返回動畫類之前回论，先判斷動畫方式（Push 或 Pop）, 使用 operation == UINavigationControllerOperation.Push 即可判斷，最后根據(jù)不同的方式返回不同的類分歇。

   到這里就可以看到轉(zhuǎn)場動畫的效果了傀蓉，但是大家都知道，系統(tǒng)默認的 Push 和 Pop 動畫都支持手勢驅(qū)動职抡，并且可以根據(jù)手勢移動距離改變動畫完成度葬燎。幸運的是，Cocoa 已經(jīng)集成了相關(guān)方法缚甩，我們只用告訴它百分比就可以了谱净。所以下一步就是 手勢驅(qū)動。

4. 在第二個 UIViewController 中給 View 添加一個滑動（Pan）手勢擅威。
   創(chuàng)建一個 UIPercentDrivenInteractiveTransition 屬性壕探。
   在手勢的監(jiān)聽方法中計算手勢移動的百分比，并使用 UIPercentDrivenInteractiveTransition 屬性的 updateInteractiveTransition() 方法實時更新百分比郊丛。
   最后在手勢的 state 為 ended 或 cancelled 時李请，根據(jù)手勢完成度決定是還原動畫還是結(jié)束動畫，使用 UIPercentDrivenInteractiveTransition 屬性的 cancelInteractiveTransition() 或 finishInteractiveTransition() 方法厉熟。

5. 實現(xiàn) UINavigationControllerDelegate 中的另一個返回 UIViewControllerInteractiveTransitioning 的方法导盅，并在其中返回 第4步 創(chuàng)建的 UIPercentDrivenInteractiveTransition 屬性。

至此揍瑟，Push 和 Pop 方式的自定義就完成了白翻，具體細節(jié)看下面的示例。

自定義 Push & Pop 示例

此示例來自 Kitten Yang 的blog 實現(xiàn)Keynote中的神奇移動效果绢片，我將其用 Swift 實現(xiàn)了一遍滤馍，源代碼地址: MagicMove，下面是運行效果底循。

MagicMove.gif

初始化

• 創(chuàng)建兩個 ViewController纪蜒，一個繼承自 UICollectionViewController，取名 ViewController此叠。另一個繼承 UIViewController，取名 DetailViewController随珠。在 Stroyboard 中創(chuàng)建并綁定灭袁。

• 在 Stroyboard 中拖一個 UINavigationController，刪去默認的 rootViewController窗看，使 ViewController 作為其 rootViewController茸歧，再拖一條從 ViewController 到 DetailViewController 的 segue。

• 在 ViewController 中自定義 UICollectionViewCell显沈，添加 UIImageView 和 UILabel软瞎。

• 在 DetailViewController 中添加 UIImageView 和 UITextView

mm_inital.png

添加 UIViewControllerAnimatedTransitioning

• 添加一個 Cocoa Touch Class逢唤，繼承自 NSObject，取名 MagicMoveTransion涤浇，遵守 UIViewControllerAnimatedTransitioning 協(xié)議鳖藕。

• 實現(xiàn)協(xié)議的兩個方法，并在其中編寫 Push 的動畫只锭。 具體的動畫實現(xiàn)過程都在代碼的注釋里 :

  func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval {
      return 0.5
  }
  
  func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
      //1.獲取動畫的源控制器和目標(biāo)控制器
      let fromVC = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey) as! ViewController
      let toVC = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey) as! DetailViewController
      let container = transitionContext.containerView()
      
      //2.創(chuàng)建一個 Cell 中 imageView 的截圖著恩，并把 imageView 隱藏，造成使用戶以為移動的就是 imageView 的假象
      let snapshotView = fromVC.selectedCell.imageView.snapshotViewAfterScreenUpdates(false)
      snapshotView.frame = container.convertRect(fromVC.selectedCell.imageView.frame, fromView: fromVC.selectedCell)
      fromVC.selectedCell.imageView.hidden = true
      
      //3.設(shè)置目標(biāo)控制器的位置蜻展，并把透明度設(shè)為0喉誊，在后面的動畫中慢慢顯示出來變?yōu)?
      toVC.view.frame = transitionContext.finalFrameForViewController(toVC)
      toVC.view.alpha = 0
      
      //4.都添加到 container 中。注意順序不能錯了
      container.addSubview(toVC.view)
      container.addSubview(snapshotView)
      
      //5.執(zhí)行動畫
      UIView.animateWithDuration(transitionDuration(transitionContext), delay: 0, options: UIViewAnimationOptions.CurveEaseInOut, animations: { () -> Void in
              snapshotView.frame = toVC.avatarImageView.frame
              toVC.view.alpha = 1
          }) { (finish: Bool) -> Void in
              fromVC.selectedCell.imageView.hidden = false
              toVC.avatarImageView.image = toVC.image
              snapshotView.removeFromSuperview()
              
              //一定要記得動畫完成后執(zhí)行此方法纵顾，讓系統(tǒng)管理 navigation
              transitionContext.completeTransition(true)
      }
  }
  

使用動畫

• 讓 ViewController 遵守 UINavigationControllerDelegate 協(xié)議伍茄。

• 在 ViewController 中設(shè)置 NavigationController 的代理為自己：

  override func viewDidAppear(animated: Bool) {
      super.viewDidAppear(animated)
      
      self.navigationController?.delegate = self
  }
  

• 實現(xiàn) UINavigationControllerDelegate 協(xié)議方法:

  func navigationController(navigationController: UINavigationController, animationControllerForOperation operation: UINavigationControllerOperation, fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
      if operation == UINavigationControllerOperation.Push {
          return MagicMoveTransion()
      } else {
          return nil
      }
  }
  

• 在 ViewController 的 controllerCell 的點擊方法中，發(fā)送 segue

  override func collectionView(collectionView: UICollectionView, didSelectItemAtIndexPath indexPath: NSIndexPath) {
      self.selectedCell = collectionView.cellForItemAtIndexPath(indexPath) as! MMCollectionViewCell
      
      self.performSegueWithIdentifier("detail", sender: nil)
  }
  

• 在發(fā)送 segue 的時候施逾，把點擊的 image 發(fā)送給 DetailViewController

  override func prepareForSegue(segue: UIStoryboardSegue, sender: AnyObject?) {
      if segue.identifier == "detail" {
          let detailVC = segue.destinationViewController as! DetailViewController
          detailVC.image = self.selectedCell.imageView.image
      }
  }
  

  至此敷矫，在點擊 Cell 后，就會執(zhí)行剛剛自定義的動畫了音念。接下來就要加入手勢驅(qū)動沪饺。

手勢驅(qū)動

• 在 DetailViewController 的 ViewDidAppear() 方法中，加入滑動手勢闷愤。

      let edgePan = UIScreenEdgePanGestureRecognizer(target: self, action: Selector("edgePanGesture:"))
      edgePan.edges = UIRectEdge.Left
      self.view.addGestureRecognizer(edgePan)
  

• 在手勢監(jiān)聽方法中整葡，創(chuàng)建 UIPercentDrivenInteractiveTransition 屬性，并實現(xiàn)手勢百分比更新讥脐。

  func edgePanGesture(edgePan: UIScreenEdgePanGestureRecognizer) {
      let progress = edgePan.translationInView(self.view).x / self.view.bounds.width
      
      if edgePan.state == UIGestureRecognizerState.Began {
          self.percentDrivenTransition = UIPercentDrivenInteractiveTransition()
          self.navigationController?.popViewControllerAnimated(true)
      } else if edgePan.state == UIGestureRecognizerState.Changed {
          self.percentDrivenTransition?.updateInteractiveTransition(progress)
      } else if edgePan.state == UIGestureRecognizerState.Cancelled || edgePan.state == UIGestureRecognizerState.Ended {
          if progress > 0.5 {
              self.percentDrivenTransition?.finishInteractiveTransition()
          } else {
              self.percentDrivenTransition?.cancelInteractiveTransition()
          }
          self.percentDrivenTransition = nil
      }
  }
  

• 實現(xiàn)返回 UIViewControllerInteractiveTransitioning 的方法并返回剛剛創(chuàng)建的 UIPercentDrivenInteractiveTransition屬性遭居。

      func navigationController(navigationController: UINavigationController, interactionControllerForAnimationController animationController: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
      if animationController is MagicMovePopTransion {
          return self.percentDrivenTransition
      } else {
          return nil
      }
  }
  

OK，到現(xiàn)在旬渠，手勢驅(qū)動就寫好了俱萍，但是還不能使用，因為還沒有實現(xiàn) Pop 方法告丢！現(xiàn)在自己去實現(xiàn) Pop 動畫吧枪蘑！請參考源代碼：MagicMove

Modal

modal轉(zhuǎn)場方式即使用 presentViewController() 方法推出的方式，默認情況下岖免，第二個視圖從屏幕下方彈出岳颇。下面就來介紹下 modal 方式轉(zhuǎn)場動畫的自定義。

1. 創(chuàng)建一個文件繼承自 NSObject, 并遵守 UIViewControllerAnimatedTransitioning協(xié)議颅湘。

2. 實現(xiàn)該協(xié)議的兩個基本方法：

   //指定轉(zhuǎn)場動畫持續(xù)的時長
   func transitionDuration(transitionContext: UIViewControllerContextTransitioning) -> NSTimeInterval      
   //轉(zhuǎn)場動畫的具體內(nèi)容       
   func animateTransition(transitionContext: UIViewControllerContextTransitioning)
   

   以上兩個步驟和 Push & Pop 的自定義一樣话侧，接下來就是不同的。

3. 如果使用 Modal 方式從一個 VC 到另一個 VC闯参，那么需要第一個 VC 遵循 UIViewControllerTransitioningDelegate 協(xié)議瞻鹏，并實現(xiàn)以下兩個協(xié)議方法：

   //present動畫
   optional func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning?
   
   //dismiss動畫
   optional func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning?
   

4. 在第一個 VC 的 prepareForSegue() 方法中悲立，指定第二個 VC 的 transitioningDelegate 為 self。

   由 第3步 中兩個方法就可以知道新博，在創(chuàng)建轉(zhuǎn)場動畫時薪夕，最好也創(chuàng)建兩個動畫類，一個用于 Present叭披， 一個用于 Dismiss寥殖，如果只創(chuàng)建一個動畫類，就需要在實現(xiàn)動畫的時候判斷是 Present 還是 Dismiss涩蜘。

   這時嚼贡，轉(zhuǎn)場動畫就可以實現(xiàn)了，接下來就手勢驅(qū)動了

5. 在第一個 VC 中創(chuàng)建一個 UIPercentDrivenInteractiveTransition 屬性同诫，并且在 prepareForSegue() 方法中為第二個 VC.view 添加一個手勢粤策，用以 dismiss. 在手勢的監(jiān)聽方法中處理方式和 Push & Pop 相同。

6. 實現(xiàn) UIViewControllerTransitioningDelegate 協(xié)議的另外兩個方法误窖，分別返回 Present 和 Dismiss 動畫的百分比叮盘。

   //百分比Push
   func interactionControllerForPresentation(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
       return self.percentDrivenTransition
   }
   //百分比Pop
   func interactionControllerForDismissal(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
       return self.percentDrivenTransition
   }
   

   至此，Modal 方式的自定義轉(zhuǎn)場動畫就寫完了霹俺。自己在編碼的時候有一些小細節(jié)需要注意柔吼，下面將展示使用 Modal 方式的自定義動畫的示例。

自定義 Modal 示例

此示例和上面一個示例一樣丙唧，來自 Kitten Yang 的blog 實現(xiàn)3D翻轉(zhuǎn)效果愈魏，我也將其用 Swift 實現(xiàn)了一遍，同樣我的源代碼地址：FlipTransion想际，運行效果如下：

FlipTransion.gif

初始化

• 創(chuàng)建兩個 UIViewController, 分別命名為：FirstViewController 和 SecondViewController培漏。并在 Storyboard 中添加兩個 UIViewController 并綁定。

• 分別給兩個視圖添加兩個 UIImageView胡本，這樣做的目的是為了區(qū)分兩個控制器牌柄。當(dāng)然你也可以給兩個控制器設(shè)置不同的背景，總之你開心就好侧甫。但是珊佣，既然做，就做認真點唄披粟。注意：如果使用圖片并設(shè)置為 Aspect Fill 或者其他的 Fill咒锻，一定記得調(diào)用 imageView 的 clipsToBounds() 方法裁剪去多余的部分。

• 分別給兩個控制器添加兩個按鈕僻爽，第一個按鈕拖線到第二個控制器，第二個控制器綁定一個方法用來dismiss贾惦。

ft_inital.png

添加 UIViewControllerAnimatedTransitioning

• 添加一個 Cocoa Touch Class胸梆，繼承自 NSObject敦捧，取名 BWFlipTransionPush（名字嘛，你開心就好碰镜。）兢卵，遵守 UIViewControllerAnimatedTransitioning 協(xié)議。

• 實現(xiàn)協(xié)議的兩個方法绪颖，并在其中編寫 Push 的動畫秽荤。 具體的動畫實現(xiàn)過程都在代碼的注釋里 :

  func animateTransition(transitionContext: UIViewControllerContextTransitioning) {
      let fromVC = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey) as! FirstViewController
      let toVC = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey) as! SecondViewController
      let container = transitionContext.containerView()
      container.addSubview(toVC.view)
      container.bringSubviewToFront(fromVC.view)
      
      //改變m34
      var transfrom = CATransform3DIdentity
      transfrom.m34 = -0.002
      container.layer.sublayerTransform = transfrom
      
      //設(shè)置anrchPoint 和 position
      let initalFrame = transitionContext.initialFrameForViewController(fromVC)
      toVC.view.frame = initalFrame
      fromVC.view.frame = initalFrame
      fromVC.view.layer.anchorPoint = CGPointMake(0, 0.5)
      fromVC.view.layer.position = CGPointMake(0, initalFrame.height / 2.0)
      
      //添加陰影效果
      let shadowLayer = CAGradientLayer()
      shadowLayer.colors = [UIColor(white: 0, alpha: 1).CGColor, UIColor(white: 0, alpha: 0.5).CGColor, UIColor(white: 1, alpha: 0.5)]
      shadowLayer.startPoint = CGPointMake(0, 0.5)
      shadowLayer.endPoint = CGPointMake(1, 0.5)
      shadowLayer.frame = initalFrame
      let shadow = UIView(frame: initalFrame)
      shadow.backgroundColor = UIColor.clearColor()
      shadow.layer.addSublayer(shadowLayer)
      fromVC.view.addSubview(shadow)
      shadow.alpha = 0
      
      //動畫
      UIView.animateWithDuration(transitionDuration(transitionContext), delay: 0, options: UIViewAnimationOptions.CurveEaseOut, animations: { () -> Void in
              fromVC.view.layer.transform = CATransform3DMakeRotation(CGFloat(-M_PI_2), 0, 1, 0)
              shadow.alpha = 1.0
          }) { (finished: Bool) -> Void in
              fromVC.view.layer.anchorPoint = CGPointMake(0.5, 0.5)
              fromVC.view.layer.position = CGPointMake(CGRectGetMidX(initalFrame), CGRectGetMidY(initalFrame))
              fromVC.view.layer.transform = CATransform3DIdentity
              shadow.removeFromSuperview()
              
              transitionContext.completeTransition(!transitionContext.transitionWasCancelled())
      }
  }
  

  動畫的過程我就不多說了，仔細看就會明白柠横。

使用動畫

• 讓 FirstViewController 遵守 UIViewControllerTransitioningDelegate 協(xié)議窃款，并將 self.transitioningDelegate 設(shè)置為 self。

• 實現(xiàn) UIViewControllerTransitioningDelegate 協(xié)議的兩個方法牍氛，用來指定動畫類晨继。

  //動畫Push
  func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
      return BWFlipTransionPush()
  }
  //動畫Pop
  func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
      return BWFlipTransionPop()
  }
  

  OK，如果你完成了Pop動畫搬俊，那么現(xiàn)在就可以實現(xiàn)自定義 Modal 轉(zhuǎn)場了∥裳铮現(xiàn)在只差手勢驅(qū)動了。

手勢驅(qū)動

• 想要同時實現(xiàn) Push 和 Pop 手勢唉擂，就需要給兩個 viewController.view 添加手勢餐屎。首先在 FirstViewController 中給自己添加一個屏幕右邊的手勢，在 prepareForSegue() 方法中給 SecondViewController.view 添加一個屏幕左邊的手勢玩祟，讓它們使用同一個手勢監(jiān)聽方法腹缩。

• 實現(xiàn)監(jiān)聽方法，不多說卵凑，和之前一樣，但還是有仔細看勺卢，因為本示例中轉(zhuǎn)場動畫比較特殊伙判，而且有兩個手勢，所以這里計算百分比使用的是 KeyWindow黑忱。同時不要忘了：UIPercentDrivenInteractiveTransition屬性宴抚。

  func edgePanGesture(edgePan: UIScreenEdgePanGestureRecognizer) {
      let progress = abs(edgePan.translationInView(UIApplication.sharedApplication().keyWindow!).x) / UIApplication.sharedApplication().keyWindow!.bounds.width
      
      if edgePan.state == UIGestureRecognizerState.Began {
          self.percentDrivenTransition = UIPercentDrivenInteractiveTransition()
          if edgePan.edges == UIRectEdge.Right {
              self.performSegueWithIdentifier("present", sender: nil)
          } else if edgePan.edges == UIRectEdge.Left {
              self.dismissViewControllerAnimated(true, completion: nil)
          }
      } else if edgePan.state == UIGestureRecognizerState.Changed {
          self.percentDrivenTransition?.updateInteractiveTransition(progress)
      } else if edgePan.state == UIGestureRecognizerState.Cancelled || edgePan.state == UIGestureRecognizerState.Ended {
          if progress > 0.5 {
              self.percentDrivenTransition?.finishInteractiveTransition()
          } else {
              self.percentDrivenTransition?.cancelInteractiveTransition()
          }
          self.percentDrivenTransition = nil
      }
  }
  

• 實現(xiàn) UIViewControllerTransitioningDelegate 協(xié)議的另外兩個方法，分別返回 Present 和 Dismiss 動畫的百分比甫煞。

  //百分比Push
  func interactionControllerForPresentation(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
      return self.percentDrivenTransition
  }
  //百分比Pop
  func interactionControllerForDismissal(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
      return self.percentDrivenTransition
  }
  

現(xiàn)在菇曲，基于 Modal 的自定義轉(zhuǎn)場動畫示例就完成了。獲取完整源代碼：FlipTransion

Segue

這種方法比較特殊抚吠，是將 Stroyboard 中的拖線與自定義的 UIStoryboardSegue 類綁定自實現(xiàn)定義轉(zhuǎn)場過程動畫常潮。

首先我們來看看 UIStoryboardSegue 是什么樣的。

@availability(iOS, introduced=5.0)
class UIStoryboardSegue : NSObject {
    
    // Convenience constructor for returning a segue that performs a handler block in its -perform method.
    @availability(iOS, introduced=6.0)
    convenience init(identifier: String?, source: UIViewController, destination: UIViewController, performHandler: () -> Void)
    
    init!(identifier: String?, source: UIViewController, destination: UIViewController) // Designated initializer
    
    var identifier: String? { get }
    var sourceViewController: AnyObject { get }
    var destinationViewController: AnyObject { get }
    
    func perform()
}

以上是 UIStoryboardSegue 類的定義楷力。從中可以看出喊式，只有一個方法 perform()孵户，所以很明顯，就是重寫這個方法來自定義轉(zhuǎn)場動畫岔留。

再注意它的其他屬性：sourceViewController 和 destinationViewController夏哭，通過這兩個屬性，我們就可以訪問一個轉(zhuǎn)場動畫中的兩個主角了献联，于是自定義動畫就可以隨心所欲了竖配。

只有一點需要注意：在拖線的時候，注意在彈出的選項中選擇 custom里逆。然后就可以和自定義的 UIStoryboardSegue 綁定了进胯。

那么，問題來了运悲，這里只有 perform龄减，那 返回時的動畫怎么辦呢？請往下看：

Dismiss

由于 perfrom 的方法叫做：segue班眯，那么返回轉(zhuǎn)場的上一個控制器叫做： unwind segue

• 解除轉(zhuǎn)場（unwind segue）通常和正常自定義轉(zhuǎn)場（segue）一起出現(xiàn)希停。
• 要解除轉(zhuǎn)場起作用，我們必須重寫perform方法署隘，并應(yīng)用自定義動畫宠能。另外，導(dǎo)航返回源視圖控制器的過渡效果不需要和對應(yīng)的正常轉(zhuǎn)場相同磁餐。

其 實現(xiàn)步驟 為：

• 創(chuàng)建一個 IBAction 方法违崇，該方法在解除轉(zhuǎn)場被執(zhí)行的時候會選擇地執(zhí)行一些代碼。這個方法可以有你想要的任何名字诊霹，而且不強制包含其它東西羞延。它需要定義，但可以留空脾还，解除轉(zhuǎn)場的定義需要依賴這個方法伴箩。

• 解除轉(zhuǎn)場的創(chuàng)建，設(shè)置的配置鄙漏。這和之前的轉(zhuǎn)場創(chuàng)建不太一樣嗤谚，等下我們將看看這個是怎么實現(xiàn)的。

• 通過重寫 UIStoryboardSegue 子類里的 perform() 方法怔蚌，來實現(xiàn)自定義動畫巩步。

• UIViewController類 提供了特定方法的定義，所以系統(tǒng)知道解除轉(zhuǎn)場即將執(zhí)行桦踊。

當(dāng)然椅野，這么說有一些讓人琢磨不透回还，不知道什么意思殿遂。那么谬运，下面再通過一個示例來深入了解一下章办。

Segue 示例

這個示例是我自己寫的，源代碼地址：SegueTransion瘫怜，開門見山，直接上圖本刽。

GIF演示

SegueTransion.gif

初始化

• 創(chuàng)建兩個 UIViewController, 分別命名為：FirstViewController 和 SecondViewController鲸湃。并在 Storyboard 中添加兩個 UIViewController 并綁定。

• 分別給兩個控制器添加背景圖片或使用不同的背景色子寓，用以區(qū)分暗挑。在 FirstViewController 中添加一個觸發(fā)按鈕，并拖線到 SecondViewController 中斜友，在彈出的選項中選擇 custion炸裆。

st_inital.png

Present

• 添加一個 Cocoa Touch Class，繼承自 UIStoryboardSegue鲜屏，取名 FirstSegue（名字請隨意）烹看。并將其綁定到上一步中拖拽的 segue 上。

• 重寫 FirstSegue 中的 perform() 方法洛史，在其中編寫動畫邏輯惯殊。

  override func perform() {
      var firstVCView = self.sourceViewController.view as UIView!
      var secondVCView = self.destinationViewController.view as UIView!
      
      let screenWidth = UIScreen.mainScreen().bounds.size.width
      let screenHeight = UIScreen.mainScreen().bounds.size.height
      
      secondVCView.frame = CGRectMake(0.0, screenHeight, screenWidth, screenHeight)
      let window = UIApplication.sharedApplication().keyWindow
      window?.insertSubview(secondVCView, aboveSubview: firstVCView)
      
      UIView.animateWithDuration(0.5, delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0, options: UIViewAnimationOptions.CurveLinear, animations: { () -> Void in
              secondVCView.frame = CGRectOffset(secondVCView.frame, 0.0, -screenHeight)
          }) { (finished: Bool) -> Void in
              self.sourceViewController.presentViewController(self.destinationViewController as! UIViewController,
                  animated: false,
                  completion: nil)
      }
  }
  

  還是一樣，動畫的過程自己看也殖，都是很簡單的土思。

Present手勢

這里需要注意，使用這種方式自定義的轉(zhuǎn)場動畫不能動態(tài)手勢驅(qū)動忆嗜，也就是說不能根據(jù)手勢百分比動態(tài)改變動畫完成度己儒。
所以，這里只是簡單的添加一個滑動手勢（swip）捆毫。

• 在 FisrtViewController 中添加手勢：

  var swipeGestureRecognizer: UISwipeGestureRecognizer = UISwipeGestureRecognizer(target: self, action: "showSecondViewController")
  swipeGestureRecognizer.direction = UISwipeGestureRecognizerDirection.Up
  self.view.addGestureRecognizer(swipeGestureRecognizer)
  

• 實現(xiàn)手勢監(jiān)聽方法：

  func showSecondViewController() {
      self.performSegueWithIdentifier("idFirstSegue", sender: self)
  }
  

現(xiàn)在已經(jīng)可以 present 了闪湾，接下來實現(xiàn) dismiss。

Dismiss

• 在 FirstViewController 中添加一個 IBAction 方法冻璃，方法名可以隨便响谓，有沒有返回值都隨便。

• 在 Storyboard 中選擇 SecondViewController 按住 control鍵 拖線到 SecondViewController 的 Exit 圖標(biāo)省艳。并在彈出選項中選擇上一步添加 IBAction 的方法娘纷。

st_unwind.png

• 在 Storyboard 左側(cè)的文檔視圖中找到上一步拖的 segue，并設(shè)置 identifier

st_unwindSegue.png

• 再添加一個 Cocoa Touch Class跋炕，繼承自 UIStoryboardSegue赖晶，取名 FirstSegueUnWind（名字請隨意）。并重寫其 perform() 方法，用來實現(xiàn) dismiss 動畫遏插。

• 在 FirstViewController 中重寫下面方法捂贿。并根據(jù) identifier 判斷是不是需要 dismiss，如果是就返回剛剛創(chuàng)建的 FirstUnWindSegue胳嘲。

  override func segueForUnwindingToViewController(toViewController: UIViewController, fromViewController: UIViewController, identifier: String?) -> UIStoryboardSegue {
      
      if identifier == "firstSegueUnwind" {
          return FirstUnwindSegue(identifier: identifier, source: fromViewController, destination: toViewController, performHandler: { () -> Void in
          })
      }
      
      return super.segueForUnwindingToViewController(toViewController, fromViewController: fromViewController, identifier: identifier)
  }
  

• 最后一步厂僧，在 SecondViewController 的按鈕的監(jiān)聽方法中實現(xiàn) dismiss， 注意不是調(diào)用 self.dismiss...!

  @IBAction func shouldDismiss(sender: AnyObject) {
      self.performSegueWithIdentifier("firstSegueUnwind", sender: self)
  }
  

  給 SecondViewController 添加手勢了牛，將手勢監(jiān)聽方法也設(shè)置為以上這個方法, 參考代碼：SegueTransion颜屠。

總結(jié)

一張圖總結(jié)一下3種方法的異同點。

總結(jié).png

到這里鹰祸，終于吧3中方法的自定義都寫完了甫窟，寫這篇 blog 花了我一天的時間！希望我自己和看過的同學(xué)都能記淄苡ぁ粗井！同時，有錯誤的地方歡迎提出街图。