导航栏大标题未缩进与UIBarButton items不对齐的修复方法咨询

嘿，这个问题我做项目时也碰到过！导航栏大标题的缩进错位通常是系统默认布局逻辑导致的，下面给你几个亲测有效的解决办法：

方法一：调整导航栏的布局边距（iOS 11+ 最简方案） #

从iOS 11开始，导航栏支持通过layoutMargins控制内部元素边距，直接设置这个属性就能让大标题和左右BarButton对齐：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 先开启大标题模式
    navigationController?.navigationBar.prefersLargeTitles = true
    
    // 设置布局边距，left值和BarButton默认边距保持一致（通常是16pt）
    if #available(iOS 11.0, *) {
        navigationController?.navigationBar.layoutMargins = UIEdgeInsets(top: 0, left: 16, bottom: 0, right: 16)
        // 确保导航栏遵循布局边距规则
        navigationController?.navigationBar.preservesSuperviewLayoutMargins = true
    }
}

方法二：自定义大标题视图（更灵活的精确控制） #

如果系统默认的边距调整达不到预期，可以直接自定义带缩进的标题视图，替换系统默认标题：

override func viewDidLoad() {
    super.viewDidLoad()
    
    navigationController?.navigationBar.prefersLargeTitles = true
    
    // 创建自定义大标题Label
    let largeTitleLabel = UILabel()
    largeTitleLabel.text = "我的大标题"
    largeTitleLabel.font = UIFont.preferredFont(forTextStyle: .largeTitle).bold()
    largeTitleLabel.textColor = .label
    
    // 用容器视图给Label添加缩进约束
    let insetView = UIView()
    insetView.addSubview(largeTitleLabel)
    largeTitleLabel.translatesAutoresizingMaskIntoConstraints = false
    NSLayoutConstraint.activate([
        largeTitleLabel.topAnchor.constraint(equalTo: insetView.topAnchor),
        largeTitleLabel.bottomAnchor.constraint(equalTo: insetView.bottomAnchor),
        // 设置左边缩进16pt，和BarButton对齐
        largeTitleLabel.leadingAnchor.constraint(equalTo: insetView.leadingAnchor, constant: 16),
        largeTitleLabel.trailingAnchor.constraint(equalTo: insetView.trailingAnchor)
    ])
    
    // 将自定义视图设为导航栏标题
    navigationItem.titleView = insetView
}

// 给UIFont加个扩展方便设置粗体
extension UIFont {
    func bold() -> UIFont {
        return withTraits(traits: .traitBold)
    }
    
    func withTraits(traits: UIFontDescriptor.SymbolicTraits) -> UIFont {
        guard let descriptor = fontDescriptor.withSymbolicTraits(traits) else {
            return self
        }
        return UIFont(descriptor: descriptor, size: pointSize)
    }
}

方法三：适配RTL语言布局 #

如果你的App需要支持阿拉伯语等RTL语言，要注意边距方向适配，避免RTL模式下缩进方向错误：

if #available(iOS 11.0, *) {
    let layoutDirection = UIApplication.shared.userInterfaceLayoutDirection
    let leadingInset = layoutDirection == .leftToRight ? 16 : 0
    let trailingInset = layoutDirection == .rightToLeft ? 16 : 0
    navigationController?.navigationBar.layoutMargins = UIEdgeInsets(top: 0, left: leadingInset, bottom: 0, right: trailingInset)
}

优先试试方法一，它是系统原生支持的方案，最简洁；如果还是有问题，再用自定义视图的方式精确控制。

内容的提问来源于stack exchange，提问作者D-A UK