iOS、Swift、XCode：为何不同设备上UI元素位置不一致？

作为iOS开发里解决屏幕适配的核心方案，Auto Layout（自动布局）能帮你彻底搞定这个问题，具体步骤如下：

• 替换固定位置为相对约束
  别再给按钮设置固定的X、Y坐标了！你需要基于父视图或者其他参考元素设置相对约束：

  • 要是想让按钮居中，就给它添加上Center X to Superview和Center Y to Superview约束；
  • 要是按钮需要和顶部、左侧保持固定间距，就添加Top Space to Safe Area和Leading Space to Safe Area约束——这里的间距是相对父视图的距离，不是固定的像素坐标。

• 排查现有约束问题
  如果你已经加了约束但还是出问题，大概率是约束本身有问题：

  • 打开Xcode的Debug View Hierarchy看看有没有红色的约束冲突警告，把冲突的约束删掉或者调整优先级就能解决；
  • 检查是不是不小心加了针对iPhone8的固定约束（比如固定宽度、高度或者特定偏移量），这类约束会导致大尺寸屏幕上元素偏移，得换成自适应的约束。

• 用Size Classes统一适配（可选）
  如果你不需要针对不同屏幕做特殊调整，只需要在Any Width | Any Height的配置下添加约束就行，这样所有机型都会复用这套布局规则。要是有特殊场景需要微调，再针对特定Size Classes修改约束。

• 多机型测试验证
  在Xcode模拟器里切换不同iPhone机型（比如iPhone SE、iPhone 14 Pro Max）预览效果，或者用Storyboard的Preview面板实时查看不同尺寸下的UI表现，有问题及时调整约束。

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