iOS测验结果页面黑屏：双UILabel未显示疑与setUpViews/约束相关

我来帮你排查下这个问题～从你给出的代码片段来看，目前只完成了resultsLabel的部分初始化，缺少几个关键步骤，这大概率是标签不显示的核心原因。咱们一步步拆解解决：

常见问题&解决方案 #

1. 忘记将标签添加到视图层级

代码创建的UILabel默认不会自动加入控制器的视图树里，必须手动调用view.addSubview()把它挂到父视图上，不然系统根本不知道要渲染这个标签。比如在setUpViews方法里加上这行：

view.addSubview(resultsLabel)
// 第二个描述标签也要加：view.addSubview(descriptionLabel)

2. 未禁用自动转换约束（Auto Layout必备）

代码创建的视图默认translatesAutoresizingMaskIntoConstraints = true，这个属性会让系统自动生成适配旧布局的约束，和你手动添加的Auto Layout约束冲突，导致布局失效。初始化标签时一定要把它设为false：

let resultsLabel: UILabel = {
    let rlbl = UILabel()
    rlbl.text = "Congratulations!"
    rlbl.contentMode = .scaleToFill
    // 关键添加：
    rlbl.translatesAutoresizingMaskIntoConstraints = false
    return rlbl
}()

3. 没有添加有效的布局约束

光把标签加到视图上还不够，得告诉系统它该放在哪里、多大尺寸。比如要让标题居中，描述在标题下方左右留边，可以这样写约束：

func setUpViews() {
    view.addSubview(resultsLabel)
    view.addSubview(descriptionLabel)
    
    NSLayoutConstraint.activate([
        // 标题标签：距离顶部安全区80pt，水平居中
        resultsLabel.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 80),
        resultsLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        
        // 描述标签：在标题下方20pt，左右各留40pt边距，支持多行
        descriptionLabel.topAnchor.constraint(equalTo: resultsLabel.bottomAnchor, constant: 20),
        descriptionLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 40),
        descriptionLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -40),
        descriptionLabel.numberOfLines = 0 // 别忘了开多行支持
    ])
}

4. 文字颜色与背景色冲突

如果标签文字颜色和控制器view的背景色一致，视觉上就会像“没显示”。可以临时给标签加个背景色测试：

rlbl.backgroundColor = .lightGray
rlbl.textColor = .black

5. 确认setUpViews被调用了

一定要在viewDidLoad里触发setUpViews方法，不然所有初始化和布局代码都不会执行：

override func viewDidLoad() {
    super.viewDidLoad()
    view.backgroundColor = .white // 给背景设个颜色，避免和文字同色
    setUpViews()
}

完整示例代码 #

把这些点整合起来，完整的ResultsController大概是这样：

import UIKit

class ResultsController: UIViewController {
    // 标题标签：用粗体大字号
    let resultsLabel: UILabel = {
        let rlbl = UILabel()
        rlbl.text = "Congratulations!"
        rlbl.font = .systemFont(ofSize: 24, weight: .bold)
        rlbl.textColor = .black
        rlbl.translatesAutoresizingMaskIntoConstraints = false
        return rlbl
    }()
    
    // 描述标签：用常规字号，支持多行
    let descriptionLabel: UILabel = {
        let dlbl = UILabel()
        dlbl.text = "You've completed the quiz with flying colors! Great job!"
        dlbl.font = .systemFont(ofSize: 16)
        dlbl.textColor = .darkGray
        dlbl.numberOfLines = 0
        dlbl.textAlignment = .center
        dlbl.translatesAutoresizingMaskIntoConstraints = false
        return dlbl
    }()
    
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
        setUpViews()
    }
    
    func setUpViews() {
        view.addSubview(resultsLabel)
        view.addSubview(descriptionLabel)
        
        NSLayoutConstraint.activate([
            resultsLabel.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 80),
            resultsLabel.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            
            descriptionLabel.topAnchor.constraint(equalTo: resultsLabel.bottomAnchor, constant: 20),
            descriptionLabel.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 40),
            descriptionLabel.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -40)
        ])
    }
}

如果还是没显示，可以用Xcode的Debug View Hierarchy工具查看标签的位置、尺寸和约束状态，能快速定位问题～

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