Xcode项目中第二个ViewController与主ViewController宽度不一致问题

创建iOS新项目后，主ViewController（ViewController.swift）的view宽度为414.0，但新建的TriviaViewController的view宽度为375.0，使用以下代码在主VC中能让UILabel正常居中，在TriviaVC中却不行：

let gameTitle : UILabel = {
    let label = UILabel(frame: CGRect(x: 0, y: 150, width: 300, height: 40))
    label.contentMode = UIView.ContentMode.scaleAspectFit
    label.center.x = self.view.center.x
    label.text = "Trivia"
    label.textAlignment = NSTextAlignment.center
    label.textColor = UIColor.black
    label.backgroundColor = UIColor.white
    label.numberOfLines = 1
    label.lineBreakMode = NSLineBreakMode.byWordWrapping
    label.font = UIFont.systemFont(ofSize: 14, weight: UIFont.Weight.bold)
    return label
}()
self.view.addSubview(gameTitle)

问题原因 #

1. 视图布局时机错误：在viewDidLoad中获取self.view.center.x时，TriviaViewController的view还未完成屏幕适配布局，此时获取到的是Storyboard中默认的视图尺寸（375.0对应iPhone 8/SE(2nd)的宽度），而非当前设备的实际屏幕宽度。主ViewController作为启动控制器，其视图布局在viewDidLoad前已完成适配，所以能获取正确的宽度值。
2. 手动Frame布局的局限性：依赖固定Frame和手动设置center的方式，无法自适应视图尺寸变化，一旦视图未完成适配，就会出现居中偏移。

解决方案 #

方案1：在视图布局完成后设置Label位置

将Label的创建和布局代码移到viewDidLayoutSubviews方法中，该方法会在视图完成所有布局调整后调用，此时能获取到view的实际屏幕尺寸：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    
    let gameTitle = UILabel(frame: CGRect(x: 0, y: 150, width: 300, height: 40))
    gameTitle.contentMode = .scaleAspectFit
    gameTitle.center.x = view.center.x
    gameTitle.text = "Trivia"
    gameTitle.textAlignment = .center
    gameTitle.textColor = .black
    gameTitle.backgroundColor = .white
    gameTitle.numberOfLines = 1
    gameTitle.lineBreakMode = .byWordWrapping
    gameTitle.font = UIFont.systemFont(ofSize: 14, weight: .bold)
    
    // 避免重复添加Label，可提前判断是否已存在
    if gameTitle.superview == nil {
        view.addSubview(gameTitle)
    }
}

方案2：使用Auto Layout约束（推荐）

放弃手动设置Frame，改用Auto Layout约束来实现居中，这种方式能自动适配所有设备尺寸，无需依赖视图的Frame值：

override func viewDidLoad() {
    super.viewDidLoad()
    
    let gameTitle = UILabel()
    gameTitle.text = "Trivia"
    gameTitle.textAlignment = .center
    gameTitle.textColor = .black
    gameTitle.backgroundColor = .white
    gameTitle.numberOfLines = 1
    gameTitle.lineBreakMode = .byWordWrapping
    gameTitle.font = UIFont.systemFont(ofSize: 14, weight: .bold)
    gameTitle.translatesAutoresizingMaskIntoConstraints = false // 必须禁用自动转换约束
    view.addSubview(gameTitle)
    
    // 添加约束：水平居中，顶部距离150，宽度300，高度40
    NSLayoutConstraint.activate([
        gameTitle.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        gameTitle.topAnchor.constraint(equalTo: view.topAnchor, constant: 150),
        gameTitle.widthAnchor.constraint(equalToConstant: 300),
        gameTitle.heightAnchor.constraint(equalToConstant: 40)
    ])
}

额外检查：确认ViewController的布局设置

打开Storyboard，选中TriviaViewController的View，检查右侧Attributes Inspector中的Size设置：

• 确保Size设置为Inferred，而非固定的"iPhone SE"或其他特定设备尺寸，这样视图会自动适配当前运行的设备。

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