Auto-layout 在导航栏标题的视图上

Question

我有一个简单的 class，它创建一个包含标签的 UIView。我想将该视图用作 UINavigationBar 的中心部分，两侧各有 2 个按钮。下面的代码在不添加标签的情况下运行良好：

class myView : UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)

        self.backgroundColor = .green
    }
}

我这样称呼 class：

let avatar = UIBarButtonItem(image: avatarImage, ...)
let otherButton = UIBarButtonItem(image: otherImage, ...)

navigationItem.leftBarButtonItems  = [avatar]
navigationItem.rightBarButtonItems = [otherButton]

let headerTitle = myView(frame: .zero)
headerTitle.translatesAutoresizingMaskIntoConstraints = false
navigationItem.titleView = headerTitleView

但是如果我在 UIView 中添加标签：

class myView : UIView {
    override init(frame: CGRect) {
        super.init(frame: frame)

        self.backgroundColor = .green

        let theLabel = UILabel(frame: .zero)
        theLabel.text = "The Title"
        theLabel.textAlignment = .center
        theLabel.translatesAutoresizingMaskIntoConstraints = false

        self.addSubview(theLabel!)
    }
}

.. 我看到了标签，但它卡在视图的最左侧。如果我尝试向标签添加约束，如下所示：

NSLayoutConstraint.activate([
    theLabel.centerXAnchor.constraint(equalTo: self.centerXAnchor),
    theLabel.centerYAnchor.constraint(equalTo: self.centerYAnchor)
])

..它崩溃了，因为 self（UIView）的大小仍然是 .zero。

我尝试了 layoutIfNeeded() 和 sizeToFit() 的各种组合，但到目前为止都没有成功。如何放置一个视图作为导航栏的标题，以及该视图内的布局元素？

Answer 1

我猜是订单错误

self.addSubview(theLabel) // first
NSLayoutConstraint.activate([  // then second
  theLabel.centerXAnchor.constraint(equalTo: self.centerXAnchor),
  theLabel.centerYAnchor.constraint(equalTo: self.centerYAnchor)
])

Auto-layout 在导航栏标题的视图上

Auto-layout on a View for a Navigation Bar's title

uinavigationbar

ios

nslayoutconstraint

swift