过渡到子 UINavigationController 时出现奇怪的导航栏动画

Question

我创建了一个小项目来复制这个问题。

唯一的文件就是这个……

简短的代码

class RootViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .red
    }

    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)

        showBlue()
    }

    @objc func showBlue() {
        let vc = UIViewController()
        vc.view.backgroundColor = .blue

        let nvc = UINavigationController(rootViewController: vc)

        vc.navigationItem.leftBarButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(showGreen))

        transition(to: nvc)
    }

    @objc func showGreen() {
        let vc = UIViewController()
        vc.view.backgroundColor = .green

        let nvc = UINavigationController(rootViewController: vc)

        vc.navigationItem.leftBarButtonItem = UIBarButtonItem(barButtonSystemItem: .done, target: self, action: #selector(showBlue))

        transition(to: nvc)
    }

    func transition(to toVC: UIViewController) {
        if let fromVC = children.first {
            transitionWithAnimation(fromVC: fromVC, toVC: toVC)
        } else {
            addWithoutAnimation(child: toVC)
        }
    }

    func addWithoutAnimation(child toVC: UIViewController) {
        addChild(toVC)
        view.addSubview(toVC.view)
        toVC.view.frame = view.bounds
        toVC.didMove(toParent: self)
    }

    func transitionWithAnimation(fromVC: UIViewController, toVC: UIViewController) {
        addChild(toVC)
        toVC.view.frame = view.bounds

        fromVC.willMove(toParent: nil)

        transition(
            from: fromVC,
            to: toVC,
            duration: 1.0,
            options: .transitionCrossDissolve,
            animations: nil) { _ in
                fromVC.removeFromParent()
                toVC.didMove(toParent: self)
        }
    }
}

解释代码

RootViewController 首先执行showBlue 。 这将添加一个带有蓝色背景的rootViewController的子UINavigationController 。 蓝色视图控制器有一个Done按钮，然后以showGreen目标。

showGreen过渡到UINavigationController绿色背景和Done按钮目标showBlue 。

我所期待的

我所期望的（以及我想要发生的）是导航栏在不调整大小的情况下交叉溶解到位。

问题的动画

问题是在动画过渡期间，导航栏有一个奇怪的动画。 你可以在这里看到...

围绕此的 Apple 文档

所有代码都完全遵循关于将子视图控制器添加到自定义容器视图控制器的 Apple 文档... https://developer.apple.com/library/archive/featuredarticles/ViewControllerPGforiPhoneOS/ImplementingaContainerViewController.html

我尝试过的事情

我也尝试过使用 AutoLayout 约束而不是直接设置视图的框架，但这并没有改变任何东西。

我试过在新的视图控制器的view上运行view.setNeedsLayout然后view.layoutIfNeeded()但这似乎也没有修复它。

如果 child 不是 UINavigationController，则没有奇怪的动画

真正奇怪的是，如果您使用任何其他类型的视图控制器（除UINavigationController ），则不会发生此动画故障。 例如：如果其中一个视图控制器是UITabBarController则选项卡没有这种奇怪的动画。 更奇怪的是，如果选项卡包含UINavigationController那么它也没有这个动画。 从字面上看，如果直接子项是UINavigationController 。

有谁之前经历过这个吗？ 你有没有设法停止奇怪的动画？

Answer 1

如果您将转换代码放在CATransaction并使用kCATransactionDisableActions键关闭隐式操作，它将解决问题：

    CATransaction.begin()
    CATransaction.setValue(kCFBooleanTrue, forKey:kCATransactionDisableActions)
        
    transition(
        from: fromVC,
        to: toVC,
        duration: 1.0,
        options: [.transitionCrossDissolve],
        animations: nil) { _ in
            fromVC.removeFromParent()
            toVC.didMove(toParent: self)
    }
        
    CATransaction.commit()