如何调整UINavigationBar大标题位置使其与UITableViewCell内容对齐？

嘿，这个问题我之前帮好几个开发者捋清楚过，其实有几种实用的方案，能精准调整大标题的缩进，和cell里的内容对齐，我给你拆解一下：

方案1：利用UINavigationBar的Layout Margins（最简单快捷） #

从iOS 11开始，UINavigationBar的大标题布局会遵循它的layoutMargins属性。你只需要把导航栏的左内边距设置成和你的UITableViewCell内容一致的值就行——比如和cell的contentView.layoutMargins.left或者tableView的separatorInset.left对齐。

举个代码例子，在你的ViewController的viewDidLoad里加这段：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 开启大标题模式
    navigationItem.largeTitleDisplayMode = .always
    navigationController?.navigationBar.prefersLargeTitles = true
    
    // 让导航栏左内边距和tableView的分隔线缩进一致
    if let navBar = navigationController?.navigationBar {
        navBar.layoutMargins.left = tableView.separatorInset.left
        // 记得开启这个，不然layoutMargins可能不生效
        navBar.preservesSuperviewLayoutMargins = false
    }
}

如果你的tableView缩进会随安全区或者设备变化，最好把这段调整代码放到viewDidLayoutSubviews里，确保每次布局更新都能同步对齐。

方案2：自定义TitleView（最灵活可控） #

如果方案1的适配性满足不了你的需求（比如大标题需要更复杂的样式），可以直接自定义一个titleView来替代系统的大标题，这样能完全掌控它的位置。

步骤大概是这样：

1. 创建一个自定义UIView，里面放一个UILabel作为大标题；
2. 给label设置leading约束，让它的偏移量和cell内容的缩进一致；
3. 把这个自定义view设为navigationItem.titleView，同时开启大标题模式。

代码示例：

override func viewDidLoad() {
    super.viewDidLoad()
    
    navigationItem.largeTitleDisplayMode = .always
    navigationController?.navigationBar.prefersLargeTitles = true
    
    // 自定义大标题容器
    let titleContainer = UIView()
    titleContainer.translatesAutoresizingMaskIntoConstraints = false
    
    // 大标题label
    let largeTitleLabel = UILabel()
    largeTitleLabel.text = "我的大标题"
    largeTitleLabel.font = UIFont.preferredFont(forTextStyle: .largeTitle).withTraits(.traitBold)
    largeTitleLabel.translatesAutoresizingMaskIntoConstraints = false
    titleContainer.addSubview(largeTitleLabel)
    
    // 设置label的leading偏移，和cell内容对齐（这里假设cell的contentView左内边距是20）
    NSLayoutConstraint.activate([
        largeTitleLabel.leadingAnchor.constraint(equalTo: titleContainer.leadingAnchor, constant: 20),
        largeTitleLabel.topAnchor.constraint(equalTo: titleContainer.topAnchor),
        largeTitleLabel.bottomAnchor.constraint(equalTo: titleContainer.bottomAnchor),
        largeTitleLabel.trailingAnchor.constraint(equalTo: titleContainer.trailingAnchor)
    ])
    
    navigationItem.titleView = titleContainer
}

// 给UIFont加个扩展，方便设置粗体
extension UIFont {
    func withTraits(_ traits: UIFontDescriptor.SymbolicTraits) -> UIFont {
        let descriptor = fontDescriptor.withSymbolicTraits(traits)
        return UIFont(descriptor: descriptor!, size: 0)
    }
}

方案3：子类化UINavigationBar（全局统一调整） #

如果你的整个App都需要统一的大标题缩进，子类化UINavigationBar是个不错的选择。不过这里要注意，我们需要找到系统的大标题视图，可能会用到私有类名，虽然苹果一般不会因为这个拒审，但还是要谨慎使用。

代码示例：

class CustomNavigationBar: UINavigationBar {
    override func layoutSubviews() {
        super.layoutSubviews()
        
        // 找到系统的大标题视图
        let largeTitleView = subviews.first { $0.className == "_UINavigationBarLargeTitleView" }
        largeTitleView?.frame.origin.x = 20 // 设置你需要的左偏移量，和cell对齐
        // 或者用Auto Layout调整约束
        // largeTitleView?.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 20).isActive = true
    }
}

// 然后在你的NavigationController里使用这个自定义导航栏
class CustomNavigationController: UINavigationController {
    override init(rootViewController: UIViewController) {
        super.init(navigationBarClass: CustomNavigationBar.self, toolbarClass: nil)
        self.viewControllers = [rootViewController]
    }
    
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
    }
}

一些注意事项 #

• 别忘了考虑安全区的影响：如果你的cell内容缩进是包含安全区的，导航栏的缩进也要同步加上view.safeAreaInsets.left；
• 测试不同设备：iPhone SE、iPhone 14 Pro这些不同尺寸的设备都要测一遍，确保对齐效果一致；
• iOS版本兼容性：方案1和2在iOS 11+都能用，方案3的私有类名可能随iOS版本变化，需要多版本测试。

这些方案里，方案1最省心，方案2最灵活，方案3适合全局统一配置，你可以根据自己的项目需求挑～

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