Swift中两个ViewController导航栏平滑过渡实现问题求助

嗨，这个问题我之前也踩过坑！用viewWillAppear/viewWillDisappear直接修改导航栏属性，确实会因为时机不对导致过渡时的突兀割裂感。下面给你两个靠谱的方案，能实现你想要的平滑过渡效果：

方法一：更简单的系统原生方案（推荐） #

其实iOS系统本身就支持导航栏样式的平滑过渡，问题出在你之前的修改时机和全局状态栏设置方式上。试试这样做：

1. 主ViewController配置
   在viewDidLoad里设置页面专属的导航栏样式，同时通过重写preferredStatusBarStyle来控制状态栏（iOS13+推荐方式）：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 关闭导航栏半透明，确保颜色显示准确
    navigationController?.navigationBar.isTranslucent = false
    
    // 设置主页面导航栏样式
    navigationController?.navigationBar.barTintColor = smoothRed
    navigationController?.navigationBar.tintColor = .white // 返回按钮等控件颜色
    navigationController?.navigationBar.titleTextAttributes = [.foregroundColor: UIColor.white]
    
    // 触发状态栏样式更新
    setNeedsStatusBarAppearanceUpdate()
}

// 重写该方法自定义状态栏样式
override var preferredStatusBarStyle: UIStatusBarStyle {
    return .lightContent
}

2. 第二个ViewController配置
   同样在viewDidLoad里设置它的专属导航栏样式：

override func viewDidLoad() {
    super.viewDidLoad()
    
    navigationController?.navigationBar.isTranslucent = false
    
    // 设置白色导航栏样式
    navigationController?.navigationBar.barTintColor = .white
    navigationController?.navigationBar.tintColor = .black
    navigationController?.navigationBar.titleTextAttributes = [.foregroundColor: UIColor.black]
    
    setNeedsStatusBarAppearanceUpdate()
}

override var preferredStatusBarStyle: UIStatusBarStyle {
    return .default
}

关键说明： #

• 不要在viewWillAppear/viewWillDisappear里修改导航栏属性！iOS11+之后，导航栏会自动跟踪每个ViewController的样式设置，在页面过渡时自动同步平滑渐变动画。
• 当从第二个页面返回时，系统会自动恢复主页面的导航栏样式，完全不需要手动重置。

方法二：自定义过渡动画（进阶需求） #

如果需要更精细的动画控制，可以通过UINavigationControllerDelegate自定义过渡动画，把导航栏颜色变化和页面滑动动画绑定：

1. 让主ViewController遵守UINavigationControllerDelegate：

extension MainViewController: UINavigationControllerDelegate {
    func navigationController(_ navigationController: UINavigationController, animationControllerFor operation: UINavigationController.Operation, from fromVC: UIViewController, to toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return NavColorTransitionAnimator(operation: operation, fromColor: smoothRed, toColor: .white)
    }
}

2. 创建自定义过渡动画类：

class NavColorTransitionAnimator: NSObject, UIViewControllerAnimatedTransitioning {
    private let operation: UINavigationController.Operation
    private let fromColor: UIColor
    private let toColor: UIColor
    
    init(operation: UINavigationController.Operation, fromColor: UIColor, toColor: UIColor) {
        self.operation = operation
        self.fromColor = fromColor
        self.toColor = toColor
        super.init()
    }
    
    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return 0.35 // 和系统默认过渡时长保持一致
    }
    
    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        guard let fromVC = transitionContext.viewController(forKey: .from),
              let toVC = transitionContext.viewController(forKey: .to),
              let navBar = fromVC.navigationController?.navigationBar else {
            transitionContext.completeTransition(false)
            return
        }
        
        let containerView = transitionContext.containerView
        containerView.addSubview(toVC.view)
        toVC.view.alpha = operation == .push ? 0 : 1
        
        UIView.animate(withDuration: transitionDuration(using: transitionContext)) {
            // 同步页面过渡和导航栏颜色渐变
            toVC.view.alpha = self.operation == .push ? 1 : 0
            navBar.barTintColor = self.operation == .push ? self.toColor : self.fromColor
            UIApplication.shared.statusBarStyle = self.operation == .push ? .default : .lightContent
            navBar.layoutIfNeeded() // 确保样式立即更新
        } finished: { success in
            transitionContext.completeTransition(success && !transitionContext.transitionWasCancelled)
        }
    }
}

为什么之前的方案效果差？ #

你之前在viewWillDisappear里修改导航栏时，页面已经开始滑动过渡了，导航栏颜色的突变和页面动画不同步，就会出现你看到的割裂感。而上面的方案要么利用系统原生的上下文跟踪，要么把颜色变化和过渡动画绑定，自然就能实现平滑的视觉效果。

内容的提问来源于stack exchange，提问作者KevinB