iOS容器视图转屏位置异常：viewWillTransition重定位视图问题

从你的代码和描述来看，核心问题出在屏幕旋转时方向判断的时效性以及手动修改center的布局方式在旋转时的兼容性上，我们一步步来解决：

一、问题根源分析 #

1. statusBarOrientation的时效性错误
   在viewWillTransition(to:with:)方法中，UIApplication.shared.statusBarOrientation返回的是旋转前的屏幕方向，这会导致你调用resetPositions()时，用旧的方向计算新的位置，自然会出现布局错位。

2. 手动修改center的局限性
   直接修改视图center的方式没有和系统的自动布局机制结合，旋转时系统可能会重置视图位置，加上方向判断错误，最终导致B和C容器重叠。

二、修复方案 #

方案1：修复方向判断的时效性（快速适配现有代码） #

我们可以通过过渡协调器获取旋转后的正确方向，或者直接通过屏幕尺寸判断横竖屏，替代过时的statusBarOrientation：

步骤1：修改resetPositions方法

让它接收旋转后的尺寸或方向参数：

func resetPositions(for size: CGSize) {
    // 通过尺寸判断横竖屏（横屏时宽度大于高度）
    let isLandscape = size.width > size.height
    
    if isMainContainer {
        if isLandscape {
            containerViewBot.center.y = containedView.center.y
            containerViewBotBack.center.y = containedView.center.y - offset
        } else {
            containerViewBot.center.x = self.view.center.x
            containerViewBotBack.center.x = self.view.center.x - offset
        }
    } else {
        if isLandscape {
            containerViewBotBack.center.y = containedView.center.y
            containerViewBot.center.y = containedView.center.y + offset
        } else {
            containerViewBotBack.center.x = self.view.center.x
            containerViewBot.center.x = self.view.center.x + offset
        }
    }
}

步骤2：更新viewWillTransition调用

在旋转时使用新的屏幕尺寸来重置位置：

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    // 在过渡动画中同步更新布局，保证和旋转动画一致
    coordinator.animate(alongsideTransition: { _ in
        self.resetPositions(for: size)
    }, completion: nil)
}

方案2：改用自动布局约束（更稳定的长期方案） #

手动修改center的方式在复杂布局场景下容易出问题，推荐使用自动布局约束来管理视图位置，旋转时系统会自动适配：

步骤1：定义约束变量

在HomeVC中添加约束引用：

class HomeVC: UIViewController{
    var isMainContainer: Bool = true
    
    // 约束引用
    private var botViewCenterX: NSLayoutConstraint!
    private var botBackViewCenterX: NSLayoutConstraint!
    private var botViewCenterY: NSLayoutConstraint!
    private var botBackViewCenterY: NSLayoutConstraint!
    private let offset: CGFloat = 200 // 根据你的需求调整

步骤2：初始化自动布局

在viewDidLoad中设置约束：

override func viewDidLoad() {
    super.viewDidLoad()
    setupContainerConstraints()
    updateContainerConstraints()
}

private func setupContainerConstraints() {
    // 禁用自动调整mask
    containerViewBot.translatesAutoresizingMaskIntoConstraints = false
    containerViewBotBack.translatesAutoresizingMaskIntoConstraints = false
    
    // 竖屏约束（水平居中）
    botViewCenterX = containerViewBot.centerXAnchor.constraint(equalTo: view.centerXAnchor)
    botBackViewCenterX = containerViewBotBack.centerXAnchor.constraint(equalTo: view.centerXAnchor, constant: -offset)
    
    // 横屏约束（垂直居中）
    botViewCenterY = containerViewBot.centerYAnchor.constraint(equalTo: view.centerYAnchor)
    botBackViewCenterY = containerViewBotBack.centerYAnchor.constraint(equalTo: view.centerYAnchor, constant: -offset)
    
    // 激活初始约束（竖屏）
    NSLayoutConstraint.activate([
        botViewCenterX,
        botBackViewCenterX,
        // 别忘了添加容器的宽高约束
        containerViewBot.widthAnchor.constraint(equalTo: view.widthAnchor),
        containerViewBot.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.7),
        containerViewBotBack.widthAnchor.constraint(equalTo: view.widthAnchor),
        containerViewBotBack.heightAnchor.constraint(equalTo: view.heightAnchor, multiplier: 0.7)
    ])
}

步骤3：更新约束逻辑

替换原有的resetPositions和切换方法：

private func updateContainerConstraints() {
    let isLandscape = view.bounds.width > view.bounds.height
    let isMain = isMainContainer
    
    // 切换横竖屏约束的激活状态
    if isLandscape {
        botViewCenterX.isActive = false
        botBackViewCenterX.isActive = false
        botViewCenterY.isActive = true
        botBackViewCenterY.isActive = true
    } else {
        botViewCenterY.isActive = false
        botBackViewCenterY.isActive = false
        botViewCenterX.isActive = true
        botBackViewCenterX.isActive = true
    }
    
    // 根据当前视图状态设置约束偏移
    if isMain {
        if isLandscape {
            botViewCenterY.constant = 0
            botBackViewCenterY.constant = -offset
        } else {
            botViewCenterX.constant = 0
            botBackViewCenterX.constant = -offset
        }
    } else {
        if isLandscape {
            botBackViewCenterY.constant = 0
            botViewCenterY.constant = offset
        } else {
            botBackViewCenterX.constant = 0
            botViewCenterX.constant = offset
        }
    }
    
    // 触发布局更新
    view.layoutIfNeeded()
}

func goToCommute() {
    isMainContainer = false
    UIView.animate(withDuration: 0.5) {
        self.updateContainerConstraints()
        self.containerViewBotBack.isHidden = false
        self.containerViewBot.isHidden = true
    }
}

func goToResults() {
    isMainContainer = true
    UIView.animate(withDuration: 0.5) {
        self.updateContainerConstraints()
        self.containerViewBot.isHidden = false
        self.containerViewBotBack.isHidden = true
    }
}

步骤4：旋转时更新约束

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {
    super.viewWillTransition(to: size, with: coordinator)
    coordinator.animate(alongsideTransition: { _ in
        self.updateContainerConstraints()
    }, completion: nil)
}

三、额外注意事项 #

• 确保offset的值在横竖屏时适配屏幕尺寸，比如可以根据屏幕宽度/高度动态计算，而不是固定值。
• 检查两个容器的isHidden状态，确保旋转后只有当前需要显示的容器处于可见状态。

内容的提问来源于stack exchange，提问作者dvd.Void