如何通过Layout Anchors在自定义UIView中正确添加多个UILabel子视图

核心问题其实很明确：你的UILabel没有被正确添加为centerView的子视图，同时约束参照对象选错了。要让所有标签都隶属于centerView，只需要两步关键操作：把标签添加为centerView的子视图，用centerView的布局锚点来约束标签，这样既能避免过长的布局链，也能让视图层级完全符合预期。

具体实现步骤 #

• 第一步：创建UILabel后，必须调用centerView.addSubview(yourLabel)——这是让标签成为centerView子视图的核心操作，没这一步的话，标签会默认被添加到上层视图（比如UIWindow）。
• 第二步：关闭UILabel的translatesAutoresizingMaskIntoConstraints（设置为false），这是使用Auto Layout的必要前提。
• 第三步：以centerView的布局锚点为参照，设置UILabel的约束——比如相对于centerView的边缘、居中位置，或者和其他同属centerView的标签建立垂直/水平约束。

完整代码示例 #

下面是创建centerView并添加多个UILabel的完整例子，所有标签都隶属于centerView，布局链简洁清晰：

// 1. 创建并配置centerView
let centerView = UIView()
centerView.backgroundColor = .lightGray
centerView.translatesAutoresizingMaskIntoConstraints = false
view.addSubview(centerView) // 假设centerView的父视图是当前控制器的view

// 约束centerView在父视图中居中，宽高200x300
NSLayoutConstraint.activate([
    centerView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    centerView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
    centerView.widthAnchor.constraint(equalToConstant: 200),
    centerView.heightAnchor.constraint(equalToConstant: 300)
])

// 2. 添加第一个UILabel到centerView
let titleLabel = UILabel()
titleLabel.text = "标题标签"
titleLabel.textAlignment = .center
titleLabel.translatesAutoresizingMaskIntoConstraints = false
centerView.addSubview(titleLabel) // 关键：将标签添加到centerView

// 用centerView的锚点约束titleLabel
NSLayoutConstraint.activate([
    titleLabel.topAnchor.constraint(equalTo: centerView.topAnchor, constant: 20),
    titleLabel.leadingAnchor.constraint(equalTo: centerView.leadingAnchor, constant: 16),
    titleLabel.trailingAnchor.constraint(equalTo: centerView.trailingAnchor, constant: -16)
])

// 3. 添加第二个UILabel到centerView，和titleLabel建立垂直约束
let detailLabel = UILabel()
detailLabel.text = "详情标签，隶属于centerView"
detailLabel.numberOfLines = 0
detailLabel.translatesAutoresizingMaskIntoConstraints = false
centerView.addSubview(detailLabel)

NSLayoutConstraint.activate([
    detailLabel.topAnchor.constraint(equalTo: titleLabel.bottomAnchor, constant: 16),
    detailLabel.leadingAnchor.constraint(equalTo: centerView.leadingAnchor, constant: 16),
    detailLabel.trailingAnchor.constraint(equalTo: centerView.trailingAnchor, constant: -16),
    detailLabel.bottomAnchor.constraint(lessThanOrEqualTo: centerView.bottomAnchor, constant: -20)
])

关键注意点 #

• 永远不要漏掉centerView.addSubview(label)，这是视图层级正确的基础，没有这一步，你的label会被添加到默认的上层容器（比如UIWindow），自然会以window为参照布局。
• 约束时所有的锚点参照都要基于centerView或者同属centerView的其他子视图，不要直接引用window或者上层控制器的view，这样就能保持布局链的简洁，所有子视图的约束都围绕centerView展开。

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