如何在UIKit中忽略安全区域，让UI元素不被遮挡？

要让UI元素显示在屏幕边缘（安全区域外），可以通过以下两种方式实现：

方法1：Frame手动布局（快速实现） #

直接基于屏幕边界计算视图位置，同时确保父视图不会裁剪超出范围的内容：

func addLabel() {
    headline.text = "SmashPass"
    headline.textColor = .red
    headline.textAlignment = .center
    headline.sizeToFit() // 自动适配文本尺寸，替代固定frame
    
    // 基于屏幕边界计算位置，将label放在顶部边缘外10pt处
    let screenBounds = UIScreen.main.bounds
    headline.center.x = screenBounds.midX
    headline.center.y = screenBounds.minY - 10
    
    view.clipsToBounds = false // 关键：允许子视图超出父视图范围显示
    view.addSubview(headline)
}

方法2：Auto Layout约束（推荐适配多场景） #

使用Auto Layout更适合屏幕旋转、不同机型适配，核心是直接对齐屏幕边界而非安全区域：

func addLabel() {
    headline.text = "SmashPass"
    headline.textColor = .red
    headline.textAlignment = .center
    headline.translatesAutoresizingMaskIntoConstraints = false // 禁用自动约束转换
    
    view.addSubview(headline)
    view.clipsToBounds = false // 允许子视图超出父视图
    
    NSLayoutConstraint.activate([
        headline.centerXAnchor.constraint(equalTo: view.centerXAnchor),
        // 对齐屏幕顶部，忽略安全区域
        headline.centerYAnchor.constraint(equalTo: view.topAnchor, constant: -10)
    ])
}

补充说明 #

• 默认UIViewController的edgesForExtendedLayout为.all，无需额外修改；若被修改过，需确保该值包含对应方向（如顶部则包含.top）
• 把视图放在安全区域外可能会被刘海、状态栏遮挡，需针对不同机型做适配测试

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