如何设置iOS应用布局仅延伸至刘海区域（Objective-C+Storyboard）

Storyboard 可视化设置 #

• 选中目标ViewController，在右侧属性面板（Attributes Inspector）找到Extend Edges选项，取消勾选Under Top Bars、Under Bottom Bars、Under Opaque Bars，避免视图默认延伸到状态栏/刘海的非安全区域。
• 给ViewController的根视图绑定安全区域约束：将根视图的top、bottom、leading、trailing约束全部关联到安全区域（Safe Area），而非父视图边缘，确保所有核心布局自动适配不同屏幕的刘海、底部小黑条等安全区域范围。
• 若需特定控件（如导航栏背景）延伸至刘海区域，单独给该控件设置约束到父视图顶部，其余内容仍保持在安全区域内即可。

Objective-C 代码补充（特殊场景适配） #

如果Storyboard设置后仍存在边缘延伸问题，可在ViewController的viewDidLoad中添加代码强制限制布局范围，同时适配屏幕旋转：

- (void)viewDidLoad {
    [super viewDidLoad];
    // 让布局边距跟随安全区域
    self.view.insetsLayoutMarginsFromSafeArea = YES;
    self.view.layoutMargins = self.view.safeAreaInsets;
}

// 屏幕旋转时更新安全区域布局
- (void)viewSafeAreaInsetsDidChange {
    [super viewSafeAreaInsetsDidChange];
    [self.view layoutIfNeeded];
}

额外注意事项 #

• 确保项目Info.plist中已配置全方向支持（Supported interface orientations），包含你需要适配的竖屏、左右横屏等所有方向。
• 测试时覆盖带刘海、无刘海的不同设备，验证旋转状态下布局始终限制在安全区域内，不会超出刘海或底部小黑条范围。

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