使用layoutAnchor布局时，pageControl关联tabBar.topAnchor旋转异常问题

嘿，我之前也踩过这个TabBar锚定的坑！这种情况大概率是系统对TabBar的布局更新时机和自定义约束不同步，再加上可能漏掉了几个关键布局设置，才导致横屏切换时出现偏移问题。

先排查最容易忽略的基础设置 #

首先必须确保pageControl的自动转换约束已经关闭——这是Auto Layout的入门要求，很多人容易忘，没关的话系统会自动生成一套约束和你手动加的打架：

pageControl.translatesAutoresizingMaskIntoConstraints = false

优化约束的写法 #

给pageControl加上明确的高度约束，同时锚定到TabBar的topAnchor，最好加个fallback（防止tabBarController为nil的边界情况）：

NSLayoutConstraint.activate([
    // 水平居中，保证横竖屏都居中显示
    pageControl.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    // 锚定到TabBar顶部，同时兼容tabBarController为空的情况
    pageControl.bottomAnchor.constraint(equalTo: tabBarController?.tabBar.topAnchor ?? view.bottomAnchor),
    // 明确高度，避免系统自动计算高度带来的不确定性
    pageControl.heightAnchor.constraint(equalToConstant: 30)
])

为什么要加高度约束？因为TabBar在竖屏（49pt）和横屏（32pt）的高度不一样，如果pageControl没有明确高度，系统在旋转时可能会错误调整它的位置。

同步旋转时的布局更新 #

如果上面的设置还没解决问题，那就是旋转时布局更新不同步导致的。可以在旋转回调里强制触发布局更新，让自定义约束和系统TabBar的变化同步：

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    // 在旋转动画周期内同步更新布局，避免错位
    coordinator.animate(alongsideTransition: { _ in
        self.view.layoutIfNeeded()
    }, completion: nil)
}

额外排查小细节 #

• 检查当前ViewController的edgesForExtendedLayout设置，如果设为[]，view不会延伸到TabBar下方，锚定TabBar.top可能出问题，建议保持默认的.all。
• 用Xcode的Debug View Hierarchy工具查看横屏时的约束状态，看看有没有约束冲突或者错误的常量值。

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