在导航栏左侧添加标题

Posted

技术标签:

【中文标题】在导航栏左侧添加标题【英文标题】:Adding a title to the left side of the navigation bar 【发布时间】:2015-07-09 02:34:10 【问题描述】:

是否可以在导航栏的左侧添加标题?我知道如何在中心添加标题,但是当我尝试在左侧添加标题时,我什么也看不到。这是我的代码:

self.navigationItem.leftBarButtonItem?.title = "Elapsed Time: 0:00"

感谢您的帮助。

【问题讨论】:

【参考方案1】:

试试这个代码:

let leftItem = UIBarButtonItem(title: "Title",
                                   style: UIBarButtonItemStyle.plain,
                                   target: nil,
                                   action: nil)
    leftItem.isEnabled = false
    self.navigationItem.leftBarButtonItem = leftItem

这个问题更强大的解决方案:

let longTitleLabel = UILabel()
    longTitleLabel.text = "Long long long long long long title"
    longTitleLabel.font = ................
    longTitleLabel.sizeToFit()

    let leftItem = UIBarButtonItem(customView: longTitleLabel)
    self.navigationItem.leftBarButtonItem = leftItem

现在您可以根据需要编辑标签。您可以使用其他字体或文本颜色。

【讨论】:

@Alex 因为在另一种情况下,您会看到点击动画。它是一个按钮,并且有点击动画。 明白了,有道理。谢谢 它有效,但它是灰色的有什么原因吗?是因为没有启用吗? @Brejuro 是的,正因为如此,如果你愿意,我可以为这个问题写另一个更强大的解决方案 @Vasyl 你介意帮我解决这个问题吗?那太好了。【参考方案2】:
    navigationController?.navigationBar.isTranslucent = false
    
    let titleLabel = UILabel(frame: CGRect(x: 0, y: 0, width: view.frame.width - 32, height: view.frame.height))
    titleLabel.text = "  Home"
    titleLabel.textColor = UIColor.white
    titleLabel.font = UIFont.systemFont(ofSize: 20)
    navigationItem.titleView = titleLabel

【讨论】:

【参考方案3】:

您可以尝试创建一个自定义视图,然后在其中创建一个包含该自定义视图的 UIBarButtonItem。

自定义视图:

var button = UIButton(frame: CGRectMake(0, 0, 44, 44))
var label = UILabel(frame: CGRectMake(0, 0, 44, 14)) // adjust as you see fit

label.text = "Label test"
label.textAlignment = NSTextAlignment.Left

button.addSubview(label)

// Add it to your left bar button

self.navigationItem.leftBarButtonItems = [barButtonNegativeSpacer, UIBarButtonItem(customView: button)

【讨论】:

以上是关于在导航栏左侧添加标题的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 左侧导航栏如何实现

导航栏固定在左侧 - Bootstrap

如何在导航栏中添加自定义视图?

html 在导航栏或操作栏的左侧或右侧添加按钮

导航左栏按钮项作为图像徽标

如何移动导航栏图像?