Popping笔记。Github上搜索"Popping"即可下载源代码。

Custom Transition

分析动画。

1.点击中央的button，从上面弹出一个新的ViewController。

2.同时带有spring的效果，且原来的背景变为灰色。

3.点击新的button，则恢复原来的样子。

1.CustomTransitionViewController.m:

增加presentButton，设置点击事件。在我们使用addConstraint:方法时要注意这里:

[self.view addSubview:presentButton];

上面这行代码要在下面这些代码之前，否则会报错。

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:presentButton
                                                      attribute:NSLayoutAttributeCenterX
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.view
                                                      attribute:NSLayoutAttributeCenterX
                                                     multiplier:1.f
                                                       constant:0.f]];

[self.view addConstraint:[NSLayoutConstraint constraintWithItem:presentButton
                                                      attribute:NSLayoutAttributeCenterY
                                                      relatedBy:NSLayoutRelationEqual
                                                         toItem:self.view
                                                      attribute:NSLayoutAttributeCenterY
                                                     multiplier:1.f
                                                       constant:0.f]];

2.在present:方法里，我们创建一个ModalViewController(即我们看到的蓝色的view controller)。

3.ModalViewController.m很简单。设置VC的背景颜色，圆角并且增加一个dismissButton，为这个dismissButton增加点击事件，因此用户点击的时候会调用dismissViewControllerAnimated:completion:（我们将VC的切换设置成了custom，所以事实上在调用presentViewController:animated:completion:和dismissViewControllerAnimated:completion:方法的时候，调用的是UIViewControllerTransitioningDelegate里面的方法，这样可以更自由的设置动画)。

4.回到CustomTransitionViewController.m，继续设置：

modalViewController.transitioningDelegate = self;
modalViewController.modalPresentationStyle = UIModalPresentationCustom;

[self.navigationController presentViewController:modalViewController
                                        animated:YES
                                      completion:NULL];

可以看到，将modalVC的transitioningDelegate设置为当前的VC，将modalVC的modalPresentationStyle设置为custom。

5.在我们设置transitioningDelegate的时候，我们给当前VC增加了一个协议:

@interface CustomTransitionViewController() <UIViewControllerTransitioningDelegate>

@end

这个协议有以下方法：

-(id< UIViewControllerAnimatedTransitioning >)animationControllerForPresentedController:(UIViewController )presented presentingController:(UIViewController )presenting sourceController:(UIViewController *)source;

-(id< UIViewControllerAnimatedTransitioning >)animationControllerForDismissedController:(UIViewController *)dismissed;

-(id< UIViewControllerInteractiveTransitioning >)interactionControllerForPresentation:(id <UIViewControllerAnimatedTransitioning>)animator;
    
-(id< UIViewControllerInteractiveTransitioning >)interactionControllerForDismissal:(id < UIViewControllerAnimatedTransitioning>)animator;

前两个用于动画切换，后两个用于交互切换。

这里我们用到的是前两个方法：

#pragma mark - UIViewControllerTransitioningDelegate

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForPresentedController:(UIViewController *)presented
                                                                  presentingController:(UIViewController *)presenting
                                                                      sourceController:(UIViewController *)source
{
    return [PresentingAnimator new];
}

- (id<UIViewControllerAnimatedTransitioning>)animationControllerForDismissedController:(UIViewController *)dismissed
{
    return [DismissingAnimator new];
}

总结一下，我们设置了 modalViewController.transitioningDelegate = self 以及
modalViewController.modalPresentationStyle = UIModalPresentationCustom;并且实现了UIViewControllerTransitioningDelegate的两个方法。

这时候当我们调用presentViewController:animated:completion:方法的时候，会自动调用-(id< UIViewControllerAnimatedTransitioning >)animationControllerForPresentedController:(UIViewController )presented presentingController:(UIViewController )presenting sourceController:(UIViewController *)source方法。

当我们调用dismissViewControllerAnimated:completion:方法的时候，会自动调用-(id< UIViewControllerAnimatedTransitioning >)animationControllerForDismissedController:(UIViewController *)dismissed方法。这里是和第3点一样的。

6.可以看到，这两个代理方法返回的是

id<UIViewControllerAnimatedTransitioning>

也就是说是一个实现UIViewControllerAnimatedTransitioning协议的id类型的值。

所以我们创建了PresentingAnimator和DismissingAnimator，它们的父类都是NSObject，且都实现了UIViewControllerAnimatedTransitioning。

UIViewControllerAnimatedTransitioning这个协议有两个方法需要我们来实现：

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext;

- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext;

第一个方法是VC切换的时间，第二个方法是具体如何切换。

7.我们首先来看PresentingAnimator.m:

首先将切换时间设置为0.5:

- (NSTimeInterval)transitionDuration:(id <UIViewControllerContextTransitioning>)transitionContext
{
    return 0.5f;
}

接着在- (void)animateTransition:(id <UIViewControllerContextTransitioning>)transitionContext
中：

我们可以看到它的参数transitionContext是一个实现UIViewControllerContextTransitioning协议的id类型的值，通过这个transitionContext我们来获取切换的上下文信息，比如从哪个VC切换过来，切换到哪个VC等等。

首先我们获得起始VC的view:

UIView *fromView = [transitionContext viewControllerForKey:UITransitionContextFromViewControllerKey].view;
fromView.tintAdjustmentMode = UIViewTintAdjustmentModeDimmed;
fromView.userInteractionEnabled = NO;

通过viewControllerForKey:方法，获得源VC，通过其view属性获得fromView。

设置其userInteractionEnabled为NO，意味着不再响应用户事件。

设置其tintAdjustmentMode为dimmed。如果你运行程序，仔细观察左上角"popping"这几个字，你会发现在新的VC出来的时候，其颜色由蓝色变成了灰色，这样看起来更好一些。你可能会想，去掉这行代码，将旧的VC的view的backgroundColor设置成灰色，并且适当的调整其layer的opacity的值可能也会达到这样的效果，但是事实上如果这么做"popping"依旧会是蓝色的而不是灰色的。这也是为什么我们设置tintAdjustmentMode为dimmed模式的原因。

接着我们创建一个dimmingView来将背景变成灰色，并设置其layer.opacity属性使其暂时完全透明。(我们希望背景颜色是由透明到灰色半透明，而不是灰色到灰色半透明，opacity默认是1.0)

接着我们获得toView，即新的VC的view。设置其frame以及center。

接着将dimmingView和toView加到transitionContext.containerView上。（containerView就是在哪里发生切换的VC的视图。。有点绕嘴。。在这个例子里就相当于CustomTransitionViewController.view ？ 个人理解。因为PresentingAnimator是NSObject，没有类似self.view这种感念。。所以transitionContext就是我们获得一切想要信息的希望。。）

下面就很简单了，设置positionAnimation使toView从上向下运动并且进行scale动画，并且将dimmingView的layer的opacity属性设置为0.2，使其看起来变成灰色半透明。注意在positionAnimation完成之后的代码，以此来通知已经完成切换。

[positionAnimation setCompletionBlock:^(POPAnimation *anim, BOOL finished) {
    [transitionContext completeTransition:YES];
}];

8.在DismissingAnimator.m中的方法与上面的一样就不细写了，要注意的是这几行：

__block UIView *dimmingView;
[transitionContext.containerView.subviews enumerateObjectsUsingBlock:^(UIView *view, NSUInteger idx, BOOL *stop) {
    if (view.layer.opacity < 1.f) {
        dimmingView = view;
        *stop = YES;
    }
}];

因为transitionContext，我们可以很容易得到fromVC和toVC，但是之前我们将dimmingView设置为灰色半透明，此时我们想让ModalVC消失，并且需要将dimmingView设置为透明，但是有一个问题：我们怎么能找到dimmingView?

我们这样做：遍历transitionContext.containerView的所以子视图，如果发现一个视图的opacity小于1.0f，那么就是我们刚才设置的dimmingView。虽然在block中可以访问之前定义的dimmingView，但是却是只读的，无法修改它的值，所以我们在UIView *dimmingView前面加上了__block，这样就可以给dimmingView赋值了。

总结：

• 点击中央的按钮

• 创建了ModalVC，设置其transitioningDelegate为CustomTransitionVC和modalPresentationStyle为custom

• CustomTransitionVC中实现UIViewControllerTransitioningDelegate的两个代理方法

• 当调用presentViewController:animated:completion:和dismissViewControllerAnimated:completion方法的时候会分别调用这两个代理方法

• 在这两个代理方法中都返回一个id类型的值，且实现UIViewControllerAnimatedTransitioning协议中的两个方法（新建一个基于NSOject的类，实现两个代理方法）

• 两个方法一个控制VC切换时间，一个具体如何切换

• 切换过程的信息都在transitionContext中，并且记得在切换完成后调用 [transitionContext completeTransition:YES]。

结束。