Swift代码添加UIImageView、UILabel的top、centerX约束出现崩溃如何解决

触发崩溃的直接原因是代码的低级笔误：你完成titleLabel初始化之后，原本应该调用self.view.addSubview(titleLabel)将标签加入视图层级，结果你重复写了一遍self.view.addSubview(imageView)，导致titleLabel从未被加入到当前视图树中，和imageView不存在共同的父视图，因此系统无法将两者的约束关联，就抛出了日志中提示的「无共同祖先」异常。

除此之外你的代码还有两个会导致后续布局异常的隐含问题：

• 所有使用手动NSLayoutConstraint约束的视图，必须主动关闭自动转换AutoresizingMask为约束的开关，否则系统会自动生成额外约束和你手动添加的约束冲突
• 你给imageView添加的顶部约束逻辑错误：你将imageView.top对齐了self.view.bottom加100，会直接把imageView放到屏幕可视区域之外

下面是修正后的完整代码：

let imageView = UIImageView(image: UIImage(named: "Loading"))
// 关闭自动转换约束开关
imageView.translatesAutoresizingMaskIntoConstraints = false
self.view.addSubview(imageView)

let xConstraint = NSLayoutConstraint(item: imageView, attribute: .centerX, relatedBy: .equal, toItem: self.view, attribute: .centerX, multiplier: 1, constant: 0)
// 修正top约束对齐父视图顶部而非底部
let verticalSpace = NSLayoutConstraint(item: imageView, attribute: .top, relatedBy: .equal, toItem: self.view, attribute: .top, multiplier: 1, constant: 100)
NSLayoutConstraint.activate([xConstraint, verticalSpace,
                            // 也可以在这里直接给imageView加宽高约束，替代之前的frame设置
                            imageView.widthAnchor.constraint(equalToConstant: 200),
                            imageView.heightAnchor.constraint(equalToConstant: 200)])

self.rotate(imageView: imageView, aCircleTime: 1)


let titleLabel = UILabel()
titleLabel.text = "Loading picker route"
titleLabel.textAlignment = .center
// 关闭自动转换约束开关
titleLabel.translatesAutoresizingMaskIntoConstraints = false
// 修正笔误，添加titleLabel而非重复添加imageView
self.view.addSubview(titleLabel)

NSLayoutConstraint.activate([
    titleLabel.widthAnchor.constraint(equalTo: self.view.widthAnchor),
    titleLabel.heightAnchor.constraint(equalToConstant: 44),
    titleLabel.centerXAnchor.constraint(equalTo: imageView.centerXAnchor),
    titleLabel.topAnchor.constraint(equalTo: imageView.bottomAnchor, constant: 100)
])

修改点说明：

• 修正了addSubview的笔误，将titleLabel加入视图层级
• 给两个视图都添加了translatesAutoresizingMaskIntoConstraints = false配置，避免后续约束冲突
• 修正了imageView的顶部约束逻辑，改为对齐父视图顶部，保证图片在可视区域内
• 优化了约束写法，用更简洁的Anchor API替代了老旧的NSLayoutConstraint初始化写法，可读性更高

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