纯代码实现iPhone安全区避挡、颜色修改及坐标调整需求

我来帮你逐个拆解并解决遇到的这些问题：

一、实现背景铺满全屏且状态栏内容可见 #

你之前的代码存在重复设置translatesAutoresizingMaskIntoConstraints、约束冲突的问题，而且没正确处理视图延伸到安全区的逻辑。要实现背景铺满全屏同时状态栏图标/文字清晰可见，核心是让视图延伸到安全区外，同时保持状态栏的透明度。

纯代码实现步骤： #

1. 先配置视图控制器的布局延伸规则：

override func viewDidLoad() {
    super.viewDidLoad()
    // 允许视图延伸到屏幕所有边缘（包括状态栏、底部安全区下方）
    self.edgesForExtendedLayout = .all
    // 如果有导航栏，先隐藏避免干扰
    self.navigationController?.setNavigationBarHidden(true, animated: false)
    // 根据背景色设置状态栏样式，确保文字图标和背景对比明显
    UIApplication.shared.statusBarStyle = .lightContent // 浅色背景用.default
}

2. 添加全屏背景视图：

// 创建背景视图（用图片或纯色都可以）
let backgroundView = UIImageView(image: UIImage(named: "your-bg-image"))
backgroundView.contentMode = .scaleAspectFill
backgroundView.clipsToBounds = true
view.addSubview(backgroundView)

// 用AutoLayout绑定到屏幕四个边缘，完全覆盖
backgroundView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    backgroundView.topAnchor.constraint(equalTo: view.topAnchor),
    backgroundView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    backgroundView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    backgroundView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

// 把背景放到最底层，避免遮挡其他内容
view.sendSubviewToBack(backgroundView)

3. 让业务内容在安全区内显示：
   如果你的图片或其他内容需要避开安全区，把约束绑定到view.safeAreaLayoutGuide即可：

let contentImageView = UIImageView(image: UIImage(named: "content-img"))
contentImageView.contentMode = .scaleAspectFit
view.addSubview(contentImageView)

contentImageView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    contentImageView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
    contentImageView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    contentImageView.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    contentImageView.widthAnchor.constraint(equalToConstant: 200)
])

二、修改安全区背景颜色 #

安全区本身没有独立的背景属性，但可以通过两种方式实现需求：

• 顶部状态栏区域：因为我们已经让背景视图延伸到状态栏下方，直接修改背景视图的颜色/图片即可，状态栏会自动透明显示内容。
• 底部安全区：如果需要和其他区域区分，单独加一个视图覆盖底部安全区：

let bottomSafeAreaBg = UIView()
bottomSafeAreaBg.backgroundColor = .darkGray
view.addSubview(bottomSafeAreaBg)

bottomSafeAreaBg.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    bottomSafeAreaBg.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    bottomSafeAreaBg.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    bottomSafeAreaBg.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    bottomSafeAreaBg.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

三、调整坐标原点到安全区上方 #

针对UIKit视图： #

想让(0,0)位于安全区顶部左下角，最简单的方式是创建一个容器视图，把容器的顶部绑定到安全区顶部，所有子视图都基于这个容器布局：

let containerView = UIView()
view.addSubview(containerView)

containerView.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
    containerView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    containerView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    containerView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    containerView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

// 现在containerView的(0,0)就是安全区顶部左下角，子视图可以直接用这个原点布局
let customView = UIView(frame: CGRect(x: 0, y: 0, width: 100, height: 100))
customView.backgroundColor = .red
containerView.addSubview(customView)

针对SpriteKit游戏场景： #

如果是SKScene，通过计算安全区偏移量调整场景位置即可：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let skView = view as? SKView else { return }
    let scene = GameScene(size: skView.bounds.size)
    // 获取安全区顶部的偏移距离
    let topInset = skView.safeAreaInsets.top
    // 调整场景位置，让(0,0)对应安全区顶部左下角
    scene.position = CGPoint(x: 0, y: topInset)
    skView.presentScene(scene)
}

为什么你之前的代码没显示状态栏内容？ #

你之前的代码没有配置edgesForExtendedLayout，也没设置状态栏样式，导致要么视图被安全区截断，要么状态栏文字颜色和背景融合，所以看不到内容。按照上面的步骤配置后，状态栏会保持透明，图标和文字会正常显示。

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