横屏方向不同视图/布局适配问题：计算器应用旋转后按钮重叠怎么解决？

架构老林

2026-9-29

问题根因

你仅通过属性检查器的installed属性控制了控件的显隐，没有对横竖屏两套布局的约束做对应size class的installed隔离，竖屏下生效的约束在旋转到横屏后未被正确失效，和横屏新增控件的约束产生冲突，导致控件位置计算错误出现重叠。
屏幕旋转触发时系统没有自动完成全量布局重算，旧的控件frame缓存未被清空，横屏新增控件加载时调用了错误的缓存位置。
部分控件可能在不同size class下被重复添加，而非复用同一控件仅切换installed状态，重复的控件在旋转时叠加出现。

修复方案

完成约束隔离配置
给所有仅在竖屏显示的控件的所有约束，设置仅在竖屏对应的size class下勾选installed；横屏新增控件的所有约束，仅在横屏对应的size class下勾选installed，不要保留全局生效的跨横竖屏约束。
手动触发布局刷新
在对应的ViewController中添加屏幕旋转监听回调，旋转完成后强制刷新根视图布局，Swift参考代码如下：

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