为UIButton设置约束时触发NSGenericException异常求助

嘿，我帮你搞定这个iOS布局崩溃的问题！先来看下问题的根源和修复步骤：

错误信息 #

2018-05-13 01:32:25.577503-0400 LoginScreen[2606:70991] *** 应用因未捕获的异常'NSGenericException'终止，原因：无法激活锚点<NSLayoutYAxisAnchor:0x60000046acc0 "UIButton:0x7fb4cad0b120'Forgot Password?'.top">和<NSLayoutYAxisAnchor:0x60000046ad40 "UIButton:0x7fb4cad0a160'Log In'.bottom">对应的约束，因为它们没有共同祖先。约束或其锚点是否引用了不同视图层级中的元素？这是不合法的。

问题出在哪？ #

这个错误提示有点误导人，真正的问题是你有约束冲突+约束不完整：

1. 在setupEmailField方法里，你给emailTextField同时设置了topAnchor（绑定到safeArea顶部）和centerYAnchor（绑定到视图中心），这两个约束完全冲突——Auto Layout根本不知道该把文本框放在哪个位置！
2. setupHaveAccountButton方法里，你只创建了底部约束，但没有激活它，还缺少左右和高度约束，导致布局解析混乱。

这些问题叠加在一起，让Auto Layout抛出了看似“无共同祖先”的异常，实际上两个按钮都是添加到主view上的，根本不存在层级问题。

修复步骤 #

1. 移除冲突的约束 #

打开setupEmailField，删掉这行多余的约束：

emailTextField.centerYAnchor.constraint(equalTo: view.centerYAnchor).isActive = true

保留topAnchor的约束就够了，这样文本框会从safeArea顶部往下排列。

2. 补全并激活haveAccountButton的约束 #

把setupHaveAccountButton改成这样，确保所有约束都完整且激活：

fileprivate func setupHaveAccountButton(){
    view.addSubview(haveAccountButton)
    haveAccountButton.translatesAutoresizingMaskIntoConstraints = false
    // 用NSLayoutConstraint.activate批量激活约束，更简洁
    NSLayoutConstraint.activate([
        haveAccountButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -8),
        haveAccountButton.leftAnchor.constraint(equalTo: view.leftAnchor, constant: 24),
        haveAccountButton.rightAnchor.constraint(equalTo: view.rightAnchor, constant: -24),
        haveAccountButton.heightAnchor.constraint(equalToConstant: 30)
    ])
}

这样按钮的位置和尺寸就都明确了，Auto Layout能正确计算布局。

3. 验证所有控件的约束 #

检查其他控件的约束：确保每个添加到主view的控件都有足够的约束（x轴位置、y轴位置、宽度、高度/相对尺寸），没有冲突的设置。比如你的loginButton和forgotPasswordButton的约束都是正常的，只要解决前面两个问题，崩溃就会消失。

小提醒 #

以后遇到Auto Layout的异常，不要只看表面提示，先检查：

• 有没有给同一个控件设置冲突的约束（比如同时设置top和centerY）
• 所有控件的约束是否完整（有没有缺位置或尺寸约束）
• 控件是否都正确添加到父视图上（不过你这里没问题）

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