iOS实现类似Android的多屏幕UIView适配，解决跨机型UI变形问题

我太懂这种烦恼了——基于iPhone 6设计的Auto Layout布局，在原机型上完美显示，一换到iPhone 5s/SE或者iPhone X就全乱了，尤其是iPhone X的宽高比和安全区问题，简直是适配噩梦。既然你已经了解Content Hugging和Content Compression的知识，那咱们结合这个来完善你的适配方案，彻底解决变形问题。

先把你没写完的屏幕适配函数补全 #

你已经想到用屏幕比例来调整视图大小，这思路没问题，我把你截断的代码补全，还加了递归适配子视图、区分约束/frame布局的逻辑，实用性更强：

import UIKit

/// 咱们的设计基准：iPhone 6的屏幕尺寸
let designedOnSize = CGSize(width: 375, height: 667)

extension UIView {
    /// 根据设计基准自动缩放视图及子视图
    func adjustSizeToScreen() {
        // 获取当前屏幕的实际尺寸
        guard let mainWindow = UIApplication.shared.windows.first else { return }
        let currentScreenSize = mainWindow.bounds.size
        
        // 计算宽高的缩放比例，取较小值避免视图超出屏幕（你也可以根据需求改成取较大值）
        let widthScale = currentScreenSize.width / designedOnSize.width
        let heightScale = currentScreenSize.height / designedOnSize.height
        let finalScale = min(widthScale, heightScale)
        
        // 分两种情况处理：约束布局和frame布局
        if !self.constraints.isEmpty {
            // 如果是用Auto Layout约束，直接修改宽高约束的constant值
            for constraint in self.constraints {
                if constraint.firstAttribute == .width {
                    constraint.constant *= finalScale
                } else if constraint.firstAttribute == .height {
                    constraint.constant *= finalScale
                }
            }
        } else {
            // 老的frame布局，直接缩放frame
            self.frame = CGRect(
                x: self.frame.origin.x * finalScale,
                y: self.frame.origin.y * finalScale,
                width: self.frame.size.width * finalScale,
                height: self.frame.size.height * finalScale
            )
        }
        
        // 递归处理所有子视图，确保整个布局都适配
        for subview in self.subviews {
            subview.adjustSizeToScreen()
        }
    }
}

用的时候也很简单，在你的视图控制器里重写viewDidLayoutSubviews，调用这个方法就行：

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    // 让整个根视图开始适配
    self.view.adjustSizeToScreen()
}

结合Content Hugging/Content Compression优化布局细节 #

光靠缩放还不够，结合你懂的那两个Auto Layout核心属性，能让布局更精准：

• Content Hugging Priority（内容拥抱优先级）：给按钮、标签这类有固定内容的视图设高一点的拥抱优先级（比如750），让它们优先保持自己的内容大小，别在宽屏上被拉得变形。比如一个登录按钮，就别让它被拉伸得跟屏幕一样宽，保持合适的宽度才好看。
• Content Compression Resistance（内容压缩抵抗优先级）：给显示重要文字的UILabel设高一点的压缩抵抗优先级（比如750），防止在小屏上文字被挤得换行或者截断，保证关键信息能完整显示。
• 适配iPhone X系列的安全区：把视图的边缘约束绑定到safeAreaLayoutGuide，而不是直接绑到view的边缘！比如原来绑view.bottom的，改成绑view.safeAreaLayoutGuide.bottom，这样内容就不会被刘海或者底部小黑条挡住了。

几个额外的适配小技巧 #

• 开启Size Classes做针对性调整：在Storyboard里打开Size Classes，针对Compact Width的设备（比如iPhone 5s/SE）单独调约束——比如缩小间距、改字体大小，不用写额外代码就能适配小屏。
• 少用固定宽高约束：尽量用相对约束，比如“宽度等于父视图的80%”，而不是固定写300pt，这样视图能跟着屏幕尺寸自动变化。
• 用Debug View Hierarchy排查问题：布局乱的时候，打开Xcode的Debug View Hierarchy，能看到每个视图的约束、frame，一眼就能找到哪里冲突或者偏移了，比瞎调约束高效多了。

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