如何减少iOS导航栏自定义视图的左右间隙

Posted 2023-03-11

【中文标题】如何减少iOS导航栏自定义视图的左右间隙

【英文标题】：How to reduce the left and right gaps in custom view for Navigation bar in iOS

【发布时间】：2021-01-28 19:06:01

【问题描述】：

我最近添加了一个侧边菜单，其中包含一个 UITableviewController 类作为 Menu 。在这个 ViewController 中，我通过这段代码向导航栏添加了一个自定义视图。但是当我在设备中运行时，我会在视图的左侧和右侧获得额外的空间。这个怎么去掉？

import UIKit
    
class SettingsTableController: UITableViewController 

    override func viewDidLoad() 
        super.viewDidLoad()
        let newView = UIView()
        newView.frame = CGRect(x:UIApplication.shared.statusBarFrame.origin.x,y:UIApplication.shared.statusBarFrame.height, width: view.frame.size.width + 10, height: self.navigationController!.navigationBar.frame.height)
        //#710193
        newView.backgroundColor = UIColor.red
        let lblTitle = UILabel()
        lblTitle.text = "           Animals"
        lblTitle.textColor = UIColor.white
        lblTitle.font = UIFont(name: "HelveticaNeue-Bold", size: 18.0)
        lblTitle.frame = newView.bounds
        newView.addSubview(lblTitle)
        navigationItem.titleView = newView
    

所以它产生如下输出。我想删除通过红色箭头 显示的指出的间隙。

【参考方案1】：

您正在设置框架，但还需要自动布局。所以在newView.addSubview(lblTitle)之后添加以下代码。

newView.translatesAutoresizingMaskIntoConstraints = false
newView.layoutIfNeeded()
newView.sizeToFit()
newView.translatesAutoresizingMaskIntoConstraints = true 
navigationItem.titleView = newView

【讨论】：

还是一样...为什么你在代码中又对 newView 做 false 和 true ？

【参考方案2】：

我在你的代码中更改了一些代码，它对我来说工作正常

let newView = UIView()
newView.frame = CGRect(x:UIApplication.shared.statusBarFrame.origin.x,y:UIApplication.shared.statusBarFrame.height, width: view.frame.size.width, height: self.navigationController!.navigationBar.frame.height)
//#710193
newView.backgroundColor = UIColor.red
let lblTitle = UILabel()
lblTitle.text = "           Animals"
lblTitle.textColor = UIColor.white
lblTitle.font = UIFont(name: "HelveticaNeue-Bold", size: 18.0)
lblTitle.frame = newView.bounds
newView.addSubview(lblTitle)

您将 newView 添加到 navigationItem 的 titleView 而不是将其添加到 navigationBar of navigationController

  self.navigationController?.navigationBar.addSubview(newView)

【参考方案3】：

尝试在 swift 中以编程方式使用自动布局约束。链接如下

Auto Layout in Swift: Writing constraints programmatically