父视图应用Transform旋转时嵌套子视图不遵循约束的问题

我之前也碰到过完全一样的情况——给父视图加旋转transform后，子视图的约束完全不跟着适配，明明约束还在但就是位置不对。核心问题在于你同时混用了Auto Layout约束和手动修改frame/transform的操作，这两者天生会冲突：Auto Layout是基于视图的原始坐标系和约束规则来计算布局的，而transform是在布局完成后对视图做几何变换，根本不会触发约束的重新计算，所以子视图的约束还停留在父视图未旋转的状态里。

下面给你两种可行的解决方案，优先推荐第一种（纯Auto Layout方案），更稳定易维护：

方案一：全约束驱动的全屏+旋转实现 #

这种方式完全靠Auto Layout来处理所有布局变化，避免手动修改frame，从根源上解决冲突：

1. 提前定义两套约束集合：

   • 非全屏状态：给videoView设置和容器视图绑定的约束（比如Leading/Trailing/Top/Bottom和容器对齐，或者固定宽高比），把这些约束放到一个数组nonFullscreenConstraints里。
   • 全屏状态：给videoView设置和屏幕边缘绑定的约束（比如leading/trailing/top/bottom和窗口的根视图对齐），放到数组fullscreenConstraints里，初始状态下先禁用这套约束。
   • 子视图的约束：给videoButtonView固定高度，同时绑定Leading/Trailing到videoView的对应锚点，Bottom绑定到videoView的Bottom锚点——这些约束要一直保持激活状态。

2. 动画逻辑调整：

   var isFullscreen = false
   
   @objc func toggleFullscreen() {
       UIView.animate(withDuration: 0.6) {
           self.isFullscreen.toggle()
           
           // 切换导航栏和TabBar的显示状态
           self.navigationController?.setNavigationBarHidden(self.isFullscreen, animated: true)
           self.tabBarController?.tabBar.isHidden = self.isFullscreen
           
           // 切换约束集合
           NSLayoutConstraint.deactivate(self.isFullscreen ? self.nonFullscreenConstraints : self.fullscreenConstraints)
           NSLayoutConstraint.activate(self.isFullscreen ? self.fullscreenConstraints : self.nonFullscreenConstraints)
           
           // 应用旋转变换（全屏时旋转，非全屏时恢复）
           self.videoView.transform = self.isFullscreen ? CGAffineTransform(rotationAngle: .pi / 2) : .identity
           
           // 强制触发布局更新，让约束变化生效
           self.view.layoutIfNeeded()
       }
   }
   

   这样做的好处是，所有布局变化都由Auto Layout接管，子视图的约束会自动适配父视图旋转后的坐标系——因为Auto Layout的锚点是基于视图的bounds，而不是frame，旋转后bounds的相对位置不变，约束自然能正确对齐。

方案二：临时禁用Auto Layout（快速修复，不推荐长期使用） #

如果你暂时不想重构约束，可以临时关闭Auto Layout对视图的控制，手动调整frame：

@objc func toggleFullscreen() {
    UIView.animate(withDuration: 0.6, animations: {
        // 临时禁用Auto Layout，让手动修改frame生效
        self.videoView.translatesAutoresizingMaskIntoConstraints = true
        self.videoButtonView.translatesAutoresizingMaskIntoConstraints = true
        
        self.navigationController?.setNavigationBarHidden(true, animated: true)
        self.tabBarController?.tabBar.isHidden = true
        
        // 应用旋转和全屏frame
        self.videoView.transform = CGAffineTransform(rotationAngle: .pi / 2)
        self.videoView.frame = UIScreen.main.bounds
        
        // 手动计算子视图的frame：旋转后父视图的宽高互换，所以子视图要适配新的bounds
        let parentBounds = self.videoView.bounds
        self.videoButtonView.frame = CGRect(x: 0, y: parentBounds.height - 44, width: parentBounds.width, height: 44)
    }) { _ in
        // 如果是退出全屏，记得恢复Auto Layout和原来的约束
        if !self.isFullscreen {
            self.videoView.translatesAutoresizingMaskIntoConstraints = false
            self.videoButtonView.translatesAutoresizingMaskIntoConstraints = false
            
            // 重新激活原来的约束集合
            NSLayoutConstraint.activate(self.nonFullscreenConstraints + self.videoButtonConstraints)
            self.view.layoutIfNeeded()
        }
    }
}

这种方式的缺点很明显：需要手动计算子视图的frame，切换回非全屏时还要恢复约束，容易出现布局混乱，只适合临时救急。

关键提醒 #

• 永远不要同时混用Auto Layout和手动修改frame/transform，Auto Layout的优先级更高，会直接覆盖你手动设置的frame。
• 用transform旋转视图时，视图的frame会变形，但bounds是不变的，所以子视图的约束一定要基于bounds（也就是Auto Layout的锚点），而不是frame。
• 动画里一定要调用layoutIfNeeded()，否则约束的变化不会实时反映到界面上。

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