iOS 自定义页面的切换动画与交互动画 By Swift

在iOS7之前，开发者为了寻求自定义Navigation Controller的Push/Pop动画，只能受限于子类化一个UINavigationController，或是用自定义的动画去覆盖它。但是随着iOS7的到来，Apple针对开发者推出了新的工具，以更灵活地方式管理UIViewController切换。

我把最终的Demo稍做修改，算是找了一个合适的应用场景，另外配上几张美图，拉拉人气。

虽然是Swift的Demo，但是转成Objective-C相当容易。

最终效果预览：

自定义导航栏的Push/Pop动画

为了在基于UINavigationController下做自定义的动画切换，先建立一个简单的工程，这个工程的rootViewController是一个UINavigationController，UINavigationController的rootViewController是一个简单的UIViewController（称之为主页面），通过这个UIViewController上的一个Button能进入到下一个UIViewController中（称之为详情页面），我们先在主页面的ViewController上实现两个协议：UINavigationControllerDelegate和UIViewControllerAnimatedTransitioning，然后在ViewDidLoad里面把navigationController的delegate设为self，这样在导航栏Push和Pop的时候我们就知道了，然后用一个属性记下是Push还是Pop，就像这样：

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

    navigationOperation = operation

    return self

}

这是iOS7的新方法，这个方法需要你提供一个UIViewControllerAnimatedTransitioning，那UIViewControllerAnimatedTransitioning到底是什么呢？

UIViewControllerAnimatedTransitioning是苹果新增加的一个协议，其目的是在需要使用自定义动画的同时，又不影响视图的其他属性，让你把焦点集中在动画实现的本身上，然后通过在这个协议的回调里编写自定义的动画代码，即“切换中应该会发生什么”，负责切换的具体内容，任何实现了这一协议的对象被称之为动画控制器。你可以借助协议能被任何对象实现的这一特性，从而把各种动画效果封装到不同的类中，只要方便使用和管理，你可以发挥一切手段。我在这里让主页面实现动画控制器也是可以的，因为它是导航栏的rootViewController，会一直存在，我只要在里面编写自定义的Push和Pop动画代码就可以了：

//UIViewControllerTransitioningDelegate

func transitionDuration(transitionContext: UIViewControllerContextTransitioning!) -> NSTimeInterval {

    return 0.4

}

func animateTransition(transitionContext: UIViewControllerContextTransitioning!) {

    let containerView = transitionContext.containerView()

    let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey)

    let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey)

    

    var destView: UIView!

    var destTransform: CGAffineTransform!

    if navigationOperation == UINavigationControllerOperation.Push {

        containerView.insertSubview(toViewController.view, aboveSubview: fromViewController.view)

        destView = toViewController.view

        destView.transform = CGAffineTransformMakeScale(0.1, 0.1)

        destTransform = CGAffineTransformMakeScale(1, 1)

    } else if navigationOperation == UINavigationControllerOperation.Pop {

        containerView.insertSubview(toViewController.view, belowSubview: fromViewController.view)

        destView = fromViewController.view

        // 如果IDE是Xcode6 Beta4+iOS8SDK，那么在此处设置为0，动画将不会被执行(不确定是哪里的Bug)

        destTransform = CGAffineTransformMakeScale(0.1, 0.1)

    }

    UIView.animateWithDuration(transitionDuration(transitionContext), animations: {

        destView.transform = destTransform

        }, completion: ({completed in

            transitionContext.completeTransition(true)

        }))

}

上面第一个方法返回动画持续的时间，而下面这个方法才是具体需要实现动画的地方。UIViewControllerAnimatedTransitioning的协议都包含一个对象：transitionContext，通过这个对象能获取到切换时的上下文信息，比如从哪个VC切换到哪个VC等。我们从transitionContext获取containerView，这是一个特殊的容器，切换时的动画将在这个容器中进行；UITransitionContextFromViewControllerKey和UITransitionContextToViewControllerKey就是从哪个VC切换到哪个VC，容易理解；除此之外，还有直接获取view的UITransitionContextFromViewKey和UITransitionContextToViewKey等。

我按Push和Pop把动画简单的区分了一下，Push时scale由小变大，Pop时scale由大变