iOS 9/10冷启动时UIViewController顶部布局错位问题求助

这个问题我之前做项目时也踩过坑，本质是iOS 9和10系统里，当UITabBarController作为初始视图控制器冷启动时，Top Layout Guide的高度计算存在延迟，导致基于它的约束在视图首次渲染时用了错误的值，才会出现控件被遮挡的情况。切换标签或返回后，布局系统重新计算了参考线高度，所以问题自动消失。iOS 11引入的Safe Area机制修复了这个底层问题，所以新版本系统没问题。

下面给你几个实用的解决办法：

方法一：在viewDidAppear中强制刷新布局 #

这是最直接的方案，因为viewDidAppear触发时，视图已经完全显示，Top Layout Guide的高度已经正确计算完成，此时强制刷新布局就能修正控件位置：

Swift 代码： #

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    // 强制触发布局更新
    self.view.layoutIfNeeded()
}

Objective-C 代码： #

- (void)viewDidAppear:(BOOL)animated {
    [super viewDidAppear:animated];
    [self.view layoutIfNeeded];
}

方法二：兼容Safe Area的代码约束（推荐长期方案） #

放弃纯故事板的约束，改用代码创建约束，同时兼容iOS 9的Top Layout Guide和iOS 11+的Safe Area，从根源避免布局参考线的初始化问题：

Swift 代码： #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 确保segmentControl不使用自动布局掩码
    segmentControl.translatesAutoresizingMaskIntoConstraints = false
    
    // 设置顶部约束
    if #available(iOS 11.0, *) {
        segmentControl.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 16).isActive = true
    } else {
        segmentControl.topAnchor.constraint(equalTo: topLayoutGuide.bottomAnchor, constant: 16).isActive = true
    }
    
    // 其他约束（比如左右边距、tableView与segment的间距）同理设置
    segmentControl.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16).isActive = true
    segmentControl.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16).isActive = true
    
    tableView.translatesAutoresizingMaskIntoConstraints = false
    tableView.topAnchor.constraint(equalTo: segmentControl.bottomAnchor, constant: 16).isActive = true
    tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
    tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor).isActive = true
    tableView.bottomAnchor.constraint(equalTo: view.bottomAnchor).isActive = true
}

方法三：延迟触发布局修正（临时 workaround） #

如果上面的方案暂时没法实施，可以用延迟执行的方式给系统足够时间初始化布局参考线，适合快速修复：

Swift 代码： #

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 延迟0.1秒触发布局，给系统足够时间计算Layout Guide高度
    DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
        self.view.layoutIfNeeded()
    }
}

这个方案虽然简单，但属于临时修复，优先推荐前两种方案。

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