iOS自定义转场动画实战讲解

转场动画上下文

// 这个相当于fromViewController  class InteractivityFirstViewController: UIViewController {       // 这个相当于toViewController      lazy var interactivitySecondViewController: InteractivitySecondViewController = InteractivitySecondViewController()      // 定义了一个InteractivityTransitionDelegate类作为代理      lazy var customTransitionDelegate: InteractivityTransitionDelegate = InteractivityTransitionDelegate()        override func viewDidLoad() {          super.viewDidLoad()          setupView() // 主要是一些UI控件的布局，可以无视其实现细节            /// 设置动画代理，这个代理比较复杂，所以我们新建了一个代理对象而不是让self作为代理          interactivitySecondViewController.transitioningDelegate = customTransitionDelegate      }        // 触发手势时，也会调用animationButtonDidClicked方法      func interactiveTransitionRecognizerAction(sender: UIScreenEdgePanGestureRecognizer) {          if sender.state == .Began {              self.animationButtonDidClicked(sender)          }      }        func animationButtonDidClicked(sender: AnyObject) {          self.presentViewController(interactivitySecondViewController, animated: true, completion: nil)      }  }

class InteractivityTransitionDelegate: NSObject, UIViewControllerTransitioningDelegate {      func animationControllerForPresentedController(presented: UIViewController, presentingController presenting: UIViewController, sourceController source: UIViewController) -> UIViewControllerAnimatedTransitioning? {          return InteractivityTransitionAnimator(targetEdge: targetEdge)      }        func animationControllerForDismissedController(dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {          return InteractivityTransitionAnimator(targetEdge: targetEdge)      }        /// 前两个函数和淡入淡出demo中的实现一致      /// 后两个函数用于实现交互式动画        func interactionControllerForPresentation(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {          return TransitionInteractionController(gestureRecognizer: gestureRecognizer, edgeForDragging: targetEdge)      }        func interactionControllerForDismissal(animator: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {          return TransitionInteractionController(gestureRecognizer: gestureRecognizer, edgeForDragging: targetEdge)      }  }

class TransitionInteractionController: UIPercentDrivenInteractiveTransition {      /// 当手势有滑动时触发这个函数      func gestureRecognizeDidUpdate(gestureRecognizer: UIScreenEdgePanGestureRecognizer) {          switch gestureRecognizer.state {          case .Began: break          case .Changed: self.updateInteractiveTransition(self.percentForGesture(gestureRecognizer))  //手势滑动，更新百分比          case .Ended:    // 滑动结束，判断是否超过一半，如果是则完成剩下的动画，否则取消动画              if self.percentForGesture(gestureRecognizer) >= 0.5 {                  self.finishInteractiveTransition()              }              else {                  self.cancelInteractiveTransition()              }          default: self.cancelInteractiveTransition()          }      }      private func percentForGesture(gesture: UIScreenEdgePanGestureRecognizer) -> CGFloat {          let percent = 根据gesture计算得出          return percent      }  }

</div>

想要完成gif中第三个例子的效果，我们还需要使用 UIModalPresentationStyle.Custom 来代替 .FullScreen 。因为后者会移除 fromViewController ，这显然不符合需求。

当present的方式为 .Custom 时，我们还可以使用 UIPresentationController 更加彻底的控制转场动画的效果。一个 presentation controller具备以下几个功能：

1. 设置 presentedViewController 的视图大小
2. 添加自定义视图来改变 presentedView 的外观
3. 为任何自定义的视图提供转场动画效果
4. 根据size class进行响应式布局

您可以认为， . FullScreen 以及其他present风格都是swift为我们实现提供好的，它们是 .Custom 的特例。而 .Custom 允许我们更加自由的定义转场动画效果。

UIPresentationController 提供了四个函数来定义present和dismiss动画开始前后的操作：

1. presentationTransitionWillBegin : present将要执行时
2. presentationTransitionDidEnd ：present执行结束后
3. dismissalTransitionWillBegin ：dismiss将要执行时
4. dismissalTransitionDidEnd ：dismiss执行结束后

下面的代码简要描述了gif中第三个动画效果的实现原理，您可以在demo的 Custom Presentation 文件夹下查看完成代码：

// 这个相当于fromViewController  class CustomPresentationFirstViewController: UIViewController {      // 这个相当于toViewController      lazy var customPresentationSecondViewController: CustomPresentationSecondViewController = CustomPresentationSecondViewController()      // 创建PresentationController      lazy var customPresentationController: CustomPresentationController = CustomPresentationController(presentedViewController: self.customPresentationSecondViewController, presentingViewController: self)        override func viewDidLoad() {          super.viewDidLoad()          setupView() // 主要是一些UI控件的布局，可以无视其实现细节            // 设置转场动画代理          customPresentationSecondViewController.transitioningDelegate = customPresentationController      }        override func didReceiveMemoryWarning() {          super.didReceiveMemoryWarning()          // Dispose of any resources that can be recreated.      }        func animationButtonDidClicked() {          self.presentViewController(customPresentationSecondViewController, animated: true, completion: nil)      }  }

重点在于如何实现 CustomPresentationController 这个类：

class CustomPresentationController: UIPresentationController, UIViewControllerTransitioningDelegate {      var presentationWrappingView: UIView?  // 这个视图封装了原视图，添加了阴影和圆角效果      var dimmingView: UIView? = nil  // alpha为0.5的黑色蒙版        // 告诉UIKit为哪个视图添加动画效果      override func presentedView() -> UIView? {          return self.presentationWrappingView      }  }    // 四个方法自定义转场动画发生前后的操作  extension CustomPresentationController {      override func presentationTransitionWillBegin() {          // 设置presentationWrappingView和dimmingView的UI效果          let transitionCoordinator = self.presentingViewController.transitionCoordinator()          self.dimmingView?.alpha = 0          // 通过转场协调器执行同步的动画效果          transitionCoordinator?.animateAlongsideTransition({ (context: UIViewControllerTransitionCoordinatorContext) -> Void in              self.dimmingView?.alpha = 0.5              }, completion: nil)      }        /// present结束时，把dimmingView和wrappingView都清空，这些临时视图用不到了      override func presentationTransitionDidEnd(completed: Bool) {          if !completed {              self.presentationWrappingView = nil              self.dimmingView = nil          }      }        /// dismiss开始时，让dimmingView完全透明，这个动画和animator中的动画同时发生      override func dismissalTransitionWillBegin() {          let transitionCoordinator = self.presentingViewController.transitionCoordinator()          transitionCoordinator?.animateAlongsideTransition({ (context: UIViewControllerTransitionCoordinatorContext) -> Void in              self.dimmingView?.alpha = 0              }, completion: nil)      }        /// dismiss结束时，把dimmingView和wrappingView都清空，这些临时视图用不到了      override func dismissalTransitionDidEnd(completed: Bool) {          if completed {              self.presentationWrappingView = nil              self.dimmingView = nil          }      }  }    extension CustomPresentationController {  }

除此以外，这个类还要处理子视图布局相关的逻辑。它作为动画代理，还需要为动画提供animator对象，详细代码请在demo的 Custom Presentation 文件夹下阅读。

UINavigationController转场动画

到目前为止，所有转场动画都是适用于present和dismiss的，其实 UINavigationController 也可以自定义转场动画。两者是平行关系，很多都可以类比过来：

class FromViewController: UIViewController, UINavigationControllerDelegate {     let toViewController: ToViewController = ToViewController()        override func viewDidLoad() {          super.viewDidLoad()          setupView() // 主要是一些UI控件的布局，可以无视其实现细节            self.navigationController.delegate = self      }  }

与present/dismiss不同的时，现在视图控制器实现的是 UINavigationControllerDelegate 协议，让自己成为 navigationController 的代理。这个协议类似于此前的 UIViewControllerTransitioningDelegate 协议。

FromViewController 实现 UINavigationControllerDelegate 协议的具体操作如下：

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

至于animator，就和此前没有任何区别了。可见，一个封装得很好的animator，不仅能在present/dismiss时使用，甚至还可以在push/pop时使用。

UINavigationController也可以添加交互式转场动画，原理也和此前类似。

总结

对于非交互式动画，需要设置 presentedViewController 的 transitioningDelegate 属性，这个代理需要为present和dismiss提供animator。在animator中规定了动画的持续时间和表现逻辑。

对于交互式动画，需要在此前的基础上，由 transitioningDelegate 属性提供交互式动画控制器。在控制器中进行事件处理，然后更新动画完成进度。

对于自定义动画，可以通过 UIPresentationController 中的四个函数自定义动画执行前后的效果，可以修改 presentedViewController 的大小、外观并同步执行其他的动画。

自定义动画的水还是比较深，本文仅适合做入门学习用，欢迎互相交流。

</div>