自定义View Controller 转换动画

基本概念

• animation controller：
  
  • 包含运行实际动画的代码
  • 代理<UIViewControllerAnimatedTransitioning>
  • -transitionDuration: 动画时间
  • -animateTransition: 具体动画实现
• from view Controller：
  
  • 提供自定义转场动画animation controller
  • 代理<UIViewControllerTransitioningDelegate>
  • -(id)animationControllerForPresentedController: presentingController: sourceController:
• to view Controller：
  
  • toVC.transitioningDelegate = fromVC
• transitionContext：
  
  • 获取to/from VCs，animation controller，containing UIView

创建一个定制的转场动画需要三步：

1. 创建animation controller
   创建一个animation controller的类，该类实现<UIViewControllerAnimatedTransitioning> protocol,该类中包含了运行实际动画的代码。
2. 在即将转换显示一个view controller之前,先设置它的代理。
   该代理通常是当前显示的view controller，当转场到下一个view controller时，代理会收到一个获取animation controller的回调。
3. 在回调是返回animation controller

1. 创建animation controller：

@interface BouncePresentAnimationController : NSObject <UIViewControllerAnimatedTransitioning>
@end

两个必须的方法：

// 返回动画时间
- (NSTimeInterval)transitionDuration:
(id <UIViewControllerContextTransitioning>)transitionContext {
return 2.0;
}

// transitionContext包含获取to and from VC(view controller)s，the containing UIView等,相当于存储执行动画所需元素的集合，

// 动画执行的方法
- (void)animateTransition:
(id <UIViewControllerContextTransitioning>)transitionContext {
    // 1. obtain state from the context
    UIViewController *toViewController = [transitionContext viewControllerForKey:UITransitionContextToViewControllerKey];
    CGRect finalFrame = [transitionContext finalFrameForViewController:toViewController];

    // 2. obtain the container view
    UIView *containerView = [transitionContext containerView];

    // 3. set initial state
    CGRect screenBounds = [[UIScreen mainScreen] bounds];
    toViewController.view.frame =
    CGRectOffset(finalFrame, 0, screenBounds.size.height);

    // 4. add the view
    [containerView addSubview:toViewController.view];

    // 5. animate
    NSTimeInterval duration =
    [self transitionDuration:transitionContext];
    [UIView animateWithDuration:duration
        animations:^{
            toViewController.view.frame = finalFrame;
        } completion:^(BOOL finished) {
            // 6. inform the context of completion
            [transitionContext completeTransition:YES];
    }];
}

动画执行的步骤：

1. 使用transitionContext获取toVC和动画结束时该controller的view的位置

2. 在动画期间，to and from VCs 的 views 保存在containerView中，需要手动将to- view加入到containerView

3. 设置to- view的起始位置

4. 手动将to- view加入到containerView。

5. 开始动画，设置to- view的结束位置（从transitionContext中获取），动画的时间从animation controller代理方法1中获取。

6. 动画结束时，通知transitionContext，

转场动画整体流程图：

2.设置转场动画代理

toVC有一个transitionDelegate属性，需要fromVC实现该代理方法。

当转场到一个toVC时，framework会先检查这个属性，判断是否执行自定义的转场动画。

@interface MasterViewController () <UIViewControllerTransitioningDelegate>
@end

代理（fromVC）将提供自定义转场动画，需要自己实现该动画。

if ([segue.identifier isEqualToString:@"ShowAbout"]) 
{
    UIViewController *toVC = segue.destinationViewController;   toVC.transitioningDelegate = self;
}

设置toVC.transitioningDelegate的代理为fromVC。在fromVC中实现动画实现。

在transitionDelegate（fromVC）代理中加入animation controller头文件（#import “BouncePresentAnimationController.h”）和animation controller的实例变量：

@implementation MasterViewController 
{ 
    BouncePresentAnimationController *_bounceAnimationController;
}

You need to implement the UIViewControllerTransitioningDelegate method that supplies this animation controller.

需要在fromVC中自己实现UIViewControllerTransitioningDelegate的方法，该方法提供转场的animation controller，animation controller中含有自定义转场动画

转场动画整体流程图：