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

叁歲伎倆 2022-08-05 08:44 419阅读 0赞

## 自定义UINavigationController的push和pop动画 ##

--------------------

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

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

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

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

transitionDuration(transitionContext: UIViewControllerContextTransitioning?) -> NSTimeInterval
    
    
    animateTransition(transitionContext: UIViewControllerContextTransitioning)

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

这里是我写的一段代码， 当然我这里分了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 ，可以加个判断 。  
这时候的效果应该是这样的：

![这里写图片描述][20150911092753922]

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的 。。

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

源码地址 ：[MyNavigationController][]

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

[20150911092753922]: /images/20220731/fba146500a374030b2d9f6c3e05e85f5.png
[20150911093332945]: /images/20220731/ec0468305b1b4822899b8d6e5e4e7a73.png
[MyNavigationController]: https://github.com/smalldu/MyNavigationController
[swift]: https://item.taobao.com/item.htm?spm=a230r.1.14.85.JFN9U2&id=529819836478&ns=1&abbucket=7#detail