swift详解之二十七------------自定义UINavigationController的push和pop动画

来源：互联网发布：80端口被进程4占用编辑：程序博客网时间：2024/05/16 15:15

自定义UINavigationController的push和pop动画

我们这里先创建一个简单的工程，在storyboard 中拖一个导航控制器， rootViewController 改成我们的ViewController 。

为了实现自定义动画切换，我们需要实现两个协议。 UIViewControllerAnimatedTransitioning,UINavigationControllerDelegate

UIViewControllerAnimatedTransitioning 这个协议目的是在需要使用自定义动画的同时，又不影响视图的其他属性，让你把焦点集中在动画实现的本身上，然后通过在这个协议的回调里编写自定义的动画代码，负责切换的具体内容，任何实现了这一协议的对象被称之为动画控制器。

其中有两个比较重要的方法：

transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeIntervalanimateTransition(transitionContext: UIViewControllerContextTransitioning)

第一个返回一个动画持续时间就行了，第二个是动画主体。transitionContext 在这里是一个核心，通过这个对象能获取到切换时的上下文信息，比如从哪个VC切换到哪个VC等。

let toViewController = transitionContext.viewControllerForKey(UITransitionContextToViewControllerKey);        //let fromViewController = transitionContext.viewControllerForKey(UITransitionContextFromViewControllerKey);        let container = transitionContext.containerView()        container!.addSubview((toViewController?.view)!);       if oper == UINavigationControllerOperation.Push {            toViewController?.view.layer.anchorPoint = CGPointMake(0, 0)            toViewController?.view.center = CGPointMake(0, 0)            toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2))        UIView.animateWithDuration(self.transitionDuration(transitionContext), delay: 0, usingSpringWithDamping: 0.5, initialSpringVelocity: 0.7, options: UIViewAnimationOptions.AllowUserInteraction, animations: { () -> Void in            toViewController?.view.transform = CGAffineTransformMakeRotation(0)            }, completion: { (b) -> Void in                toViewController?.view.transform = CGAffineTransformIdentity                //动画完成                //没有取消就执行完成 取消了 就不能完成                transitionContext.completeTransition(!transitionContext.transitionWasCancelled())        })        }else if oper == UINavigationControllerOperation.Pop{            toViewController?.view.layer.anchorPoint = CGPointMake(1,0)  //0-1之间 不要犯傻。。            toViewController?.view.center = CGPointMake(toViewController!.view.bounds.width, 0)            toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2*3))            UIView.animateKeyframesWithDuration(1.3, delay: 0, options: UIViewKeyframeAnimationOptions.AllowUserInteraction, animations: { () -> Void in                UIView.addKeyframeWithRelativeStartTime(0.0, relativeDuration: 0.4, animations: { () -> Void in                    toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2)*4)                })                UIView.addKeyframeWithRelativeStartTime(0.4, relativeDuration: 0.2, animations: { () -> Void in                    toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2/10))                })                UIView.addKeyframeWithRelativeStartTime(0.6, relativeDuration: 0.3, animations: { () -> Void in                    toViewController?.view.transform = CGAffineTransformMakeRotation(CGFloat(-M_PI_2)*4)                })                }, completion: { (b) -> Void in                    toViewController?.view.transform = CGAffineTransformIdentity                    print(transitionContext.transitionWasCancelled())                    //动画完成                    //没有取消就执行完成 取消了 就不能完成                    transitionContext.completeTransition(!transitionContext.transitionWasCancelled())            })        }

这里是我写的一段代码，当然我这里分了pop 和 push， oper 变量是从另一个方法中获得的，下面会说。to 和 from没啥说的，container这是一个特殊的容器，切换时的动画将在这个容器中进行。其他的就是push和pop 我自己做得一个动画主体。当然你可以根据你的需求更改这些部分。这里主要讲自定义，不讲动画。

我们还需要实现另一个协议UINavigationControllerDelegate ，这个协议用来配置一些导航控制器的交互方式等。

在我们的类中定义 var navgationController:UINavigationController

初始化的时候

  init(nav:UINavigationController){        self.navgationController = nav        super.init()        self.navgationController.delegate = self    }

 func navigationController(navigationController: UINavigationController, animationControllerForOperation operation: UINavigationControllerOperation, fromViewController fromVC: UIViewController, toViewController toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {        oper = operation        return self    }

我们上面的oper 就是从这里来的，这个可以得到当前进行的是push 还是 pop 。return nil 就表示用系统默认的动画，return self 就表示使用我们自己定的，如果你只定义了一个push 或者 pop ，可以加个判断。
这时候的效果应该是这样的：

这里写图片描述

gif有点卡顿，应该都有弹的效果的。。。后面会附上源码，大家自己运行看看

如果还要支持手势先加上这个方法

 func navigationController(navigationController: UINavigationController, interactionControllerForAnimationController animationController: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {        /**        *  监控进度        */        if animationController.isKindOfClass(MyAnimation.self)        {            return self._interactivePushTransition        }        return nil;    }

然后写两个手势操作，分别针对 push和pop

 func handleControllerPush(sender:UIPanGestureRecognizer){        let location = sender.translationInView(sender.view)        var progress = location.x / (sender.view?.bounds.size.width)!       // print("\(location.x),\((sender.view?.bounds.size.width)!)")        progress = max(-1, min(progress, 0));        let pz = progress * -1        //print(progress)        if sender.state == UIGestureRecognizerState.Began{            /**            *  手势开始，新建一个监控对象            */            self._interactivePushTransition = UIPercentDrivenInteractiveTransition()            /**            *  告诉控制器开始执行push的动画            */            self.navgationController.pushViewController(toVc!, animated: true)        }else if sender.state == UIGestureRecognizerState.Changed{            /**            *  更新手势的完成进度            */            //print(progress * -1)            _interactivePushTransition?.updateInteractiveTransition(pz)        }else if(sender.state == UIGestureRecognizerState.Ended || sender.state == UIGestureRecognizerState.Changed){            /**            *  手势结束时如果进度大于一半，那么就完成push操作，否则重新来过。            */            print(pz)            if(pz > 0.14 ){                self._interactivePushTransition?.finishInteractiveTransition()            }else{                self._interactivePushTransition?.cancelInteractiveTransition()            }            //当切换动画完毕时，设定interactionController为nil非常重要。如果下一个动画是非交互的，我们不希望得到一个奇怪的 interactionController            self._interactivePushTransition = nil        }    }

pop的就不放了，自己下载代码看吧。。

写一个自己的导航控制器。

protocol MyPushNav{    func pushView()->UIViewController;}class MyNavigationController: UINavigationController {    var pushDele:MyPushNav?    var animate:MyAnimation?    override func viewDidLoad() {        super.viewDidLoad()        animate = MyAnimation(nav: self);        let pan = UIPanGestureRecognizer(target: animate, action: "handleControllerPop:")        self.view.addGestureRecognizer(pan)    }    override func viewDidAppear(animated: Bool) {         pushView();    }    func pushView(){        let pan2 = UIPanGestureRecognizer(target: animate, action: "handleControllerPush:")        if let _ = pushDele {            let sc = pushDele?.pushView()            self.animate?.toVc = sc            (pushDele as! UIViewController).view.addGestureRecognizer(pan2)        }else{            self.view.removeGestureRecognizer(pan2)        }    }}

需要push的必须告知我们用push哪个，所以这些用了协议。
pop的不用做任何操作。

class ViewController: UIViewController,MyPushNav {       override func viewDidLoad() {        super.viewDidLoad()        (self.navigationController as! MyNavigationController).pushDele = self        // Do any additional setup after loading the view, typically from a nib.    }    override func didReceiveMemoryWarning() {        super.didReceiveMemoryWarning()        // Dispose of any resources that can be recreated.    }    func pushView()->UIViewController {        return SecondViewController()    }}

这个是push的。。

附上一张有用的图理解理解
这里写图片描述

源码地址：MyNavigationController

学习iOS，有他就够了，小码哥视频，传智、黑马、各种swift书籍

0 0