如何在iOS全机型及横竖屏下实现splash screen元素居中适配

第一步：调整UIImageView的内容模式 #

选中你放置logo的UIImageView，在右侧属性检查器中将Content Mode设置为Aspect Fit，该设置会保证logo始终维持原始宽高比，不会出现拉伸变形的问题。

第二步：配置正确的自动布局约束 #

不要给UIImageView添加和父视图边缘绑定的 leading/trailing/top/bottom 约束，按以下规则添加约束即可：

• 水平居中约束：按住Control拖拽UIImageView到父视图，选择Center Horizontally in Container
• 垂直居中约束：按住Control拖拽UIImageView到父视图，选择Center Vertically in Container
• 尺寸约束：如果你的logo是固定尺寸，直接添加固定的width、height约束即可；如果需要自适应不同屏幕尺寸，可以先添加1:1的宽高比约束，再补充宽度<=父视图宽度的80%、高度<=父视图高度的80%的限制约束，避免小屏幕设备上logo超出显示范围
• 可选优化：在尺寸检查器中把UIImageView的Content Hugging Priority和Compression Resistance Priority都调整到1000，避免布局优先级冲突导致logo被意外拉伸

第三步：验证适配效果 #

在Xcode顶部的设备预览栏切换不同iOS机型、切换横竖屏方向查看效果，所有场景下logo都会保持居中且无变形。

如果是React Native项目，额外确认Info.plist里的UILaunchStoryboardName字段值对应你修改的启动页Storyboard文件名，清理旧的LaunchImage相关残留配置即可。

内容的提问来源于stack exchange，提问作者Lê Quốc Khánh