Auto Resize适配iPhone 10界面拉伸问题及兼容性咨询

首先明确说：iPhone X（也就是你提到的iPhone 10）并不是只支持Auto Layout，Auto Resize（Autoresizing Mask）依然可以正常使用，但因为它的屏幕比例（19.5:9）和传统iPhone（比如iPhone 5的16:9）差异较大，再加上刘海和底部安全区的存在，直接用默认的Autoresizing设置很容易出现拉伸或位置偏移问题。下面是具体的适配方法：

一、理解Auto Resize的核心逻辑 #

Auto Resize是通过视图的autoresizingMask属性来定义视图相对于父视图的尺寸和位置变化规则，核心是这几个选项：

• 实线箭头：表示视图与父视图的对应边距离固定
• 虚线箭头：表示视图与父视图的对应边距离会随父视图尺寸变化而调整
• 中间的宽/高拉伸标识：表示视图的宽度/高度会随父视图缩放

二、Xib中的具体设置步骤 #

1. 打开你的Xib文件，切换到iPhone X的预览模式
2. 选中需要适配的视图，打开右侧的Size Inspector（尺寸检查器），找到Autoresizing区域
3. 根据视图的需求调整设置：
   • 固定尺寸不拉伸的视图（比如Logo、固定大小的按钮）：取消Flexible Width和Flexible Height，如果需要居中显示，勾选Horizontal Center in Container和Vertical Center in Container，这样视图会保持原尺寸并居中，不会随屏幕拉伸
   • 需要填充父视图的视图（比如背景图、容器视图）：勾选Flexible Width和Flexible Height，同时保留上下左右的实线箭头（固定与父视图四边的距离），这样视图会随父视图的尺寸缩放
   • 底部/顶部的操作栏：比如底部按钮，要保留底部的实线箭头（固定与父视图底部的距离），同时取消Flexible Height，但这时候要注意iPhone X的底部安全区，需要额外处理

三、处理iPhone X的安全区问题 #

Auto Resize本身不支持安全区适配，所以需要手动在代码中调整：
在视图控制器中重写viewSafeAreaInsetsDidChange方法，根据安全区的内边距调整视图位置：

override func viewSafeAreaInsetsDidChange() {
    super.viewSafeAreaInsetsDidChange()
    // 以底部按钮为例，调整其Y坐标避开安全区
    let bottomInset = view.safeAreaInsets.bottom
    myBottomButton.frame = CGRect(x: myBottomButton.frame.origin.x,
                                  y: view.bounds.height - myBottomButton.bounds.height - bottomInset,
                                  width: myBottomButton.bounds.width,
                                  height: myBottomButton.bounds.height)
}

如果是Xib中的视图，也可以先把视图的底部距离设为0，再通过代码修正位置。

四、关于Auto Resize vs Auto Layout的选择 #

虽然iPhone X支持Auto Resize，但Auto Layout在复杂场景下的适配能力更强：

• Auto Layout可以直接在Xib/Storyboard中设置安全区约束，无需手动调整frame
• 对于多屏幕比例（从iPhone SE到iPhone 14 Pro Max）的适配，Auto Layout的约束系统更灵活，能减少大量代码调整
• 如果你的应用后续需要适配更多设备，建议逐步迁移到Auto Layout

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