You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

在viewDidLoad设置navigationBar.tintColor导致导航栏按钮抖动异常

解决UINavigationBar tintColor切换导致BarButtonItem抖动的问题

这个抖动问题其实是因为你在视图过渡的关键时机(viewDidLoad/viewWillAppear)直接修改导航栏的tintColor,导致系统在动画过程中需要重新计算BarButtonItem的渲染状态,触发了额外的布局更新,从而出现视觉上的抖动。下面给你几个可行的解决方案,既能满足你在过渡时就应用颜色的需求,又能消除抖动:

方案1:利用UINavigationControllerDelegate提前设置颜色

通过导航控制器的代理方法,在控制器即将显示(过渡动画启动前)就设置好对应的tintColor,让系统在动画过程中同步应用颜色变化,避免额外的布局干扰。

修改你的代码如下:

import UIKit

class ViewController: UIViewController, UINavigationControllerDelegate {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 设置导航控制器代理为当前控制器
        self.navigationController?.delegate = self
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        // 这里可以移除原来的tintColor设置,交给代理方法处理
    }
    
    // 实现代理方法,在控制器即将显示时设置导航栏颜色
    func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        if viewController is SecondViewController {
            navigationController.navigationBar.tintColor = UIColor(red: 100/255, green: 200/255, blue: 0/255, alpha: 1.0)
        } else {
            navigationController.navigationBar.tintColor = nil
        }
    }
}

class SecondViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // 移除这里的tintColor设置,交给代理处理
    }
}

这个方法的核心是把颜色设置时机提前到过渡动画开始前,让系统把颜色变化和过渡动画合并处理,不会触发额外的布局更新,自然就不会有抖动了。

方案2:使用UINavigationBarAppearance配置独立样式

iOS 13+推荐使用UINavigationBarAppearance来定义导航栏样式,每个控制器可以配置自己的专属外观,系统会在控制器切换时无缝过渡样式,完全避免抖动问题。

修改代码如下:

import UIKit

class ViewController: UIViewController {
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        let appearance = UINavigationBarAppearance()
        appearance.configureWithDefaultBackground() // 使用默认背景样式
        appearance.tintColor = nil // 恢复默认tintColor
        // 应用外观到导航栏
        navigationController?.navigationBar.standardAppearance = appearance
        navigationController?.navigationBar.scrollEdgeAppearance = appearance
    }
}

class SecondViewController: UIViewController {
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        let appearance = UINavigationBarAppearance()
        appearance.configureWithDefaultBackground()
        appearance.tintColor = UIColor(red: 100/255, green: 200/255, blue: 0/255, alpha: 1.0)
        navigationController?.navigationBar.standardAppearance = appearance
        navigationController?.navigationBar.scrollEdgeAppearance = appearance
    }
}

这种方式更符合现代iOS的设计规范,不仅能解决抖动问题,还能让你更灵活地定义每个页面的导航栏样式(比如背景色、标题样式等),扩展性更强。

为什么viewDidAppear设置没问题?

因为viewDidAppear是在过渡动画完全结束后才调用的,此时页面布局已经稳定,修改tintColor只会触发颜色重绘,不会影响布局,所以不会有抖动,但这显然不符合你想要在过渡时就应用颜色的需求。

内容的提问来源于stack exchange,提问作者Teetz

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 03:50:23