使用SpriteKit适配iPhone X屏幕，消除.aspectFit模式下的显示间隙

别发愁，完全不需要专门为iPhone X创建新场景！只需要调整几个适配设置，就能让你的SpriteKit场景延伸到刘海下方和屏幕圆角区域，同时保持其他设备的正常适配效果。下面是具体的实现方案：

核心思路 #

默认的.aspectFit模式会严格保持场景的原始宽高比，导致屏幕边缘出现黑边（间隙）。我们的目标是让场景覆盖整个屏幕（包括安全区外的刘海、圆角区域），同时尽量避免内容拉伸或过度裁剪。

具体步骤 #

1. 让SKView延伸至安全区外 #

首先，在你的ViewController中，确保SKView占据整个屏幕，包括系统默认的安全区外区域：

override func viewDidLoad() {
    super.viewDidLoad()
    
    guard let skView = view as? SKView else {
        return
    }
    
    // 让SKView忽略安全区限制，延伸到整个屏幕
    if #available(iOS 11.0, *) {
        skView.ignoresSafeAreaEdges = .all
    }
    
    // 初始化你的场景
    let scene = GameScene(size: skView.bounds.size)
    scene.scaleMode = .aspectFill // 或者根据需求调整
    skView.presentScene(scene)
}

2. 针对iPhone X系列调整场景适配逻辑 #

如果你希望仅在iPhone X及后续带刘海的设备上调整适配，而其他设备保持原有.aspectFit效果，可以先识别设备类型：

func isIPhoneXSeries() -> Bool {
    guard #available(iOS 11.0, *) else {
        return false
    }
    let topInset = UIApplication.shared.windows.first?.safeAreaInsets.top ?? 0
    // 非刘海设备顶部安全区为20pt，刘海设备为44pt
    return topInset > 20
}

然后根据设备类型设置不同的scaleMode：

let scene = GameScene(size: CGSize(width: 1024, height: 768)) // 你的原始场景尺寸
if isIPhoneXSeries() {
    scene.scaleMode = .aspectFill // 填满屏幕，允许少量边缘裁剪
    // 或者如果不想裁剪，可以调整场景尺寸为屏幕实际尺寸，重新布局内容
    // scene.size = skView.bounds.size
    // scene.scaleMode = .resizeFill
} else {
    scene.scaleMode = .aspectFit // 其他设备保持原有适配
}
skView.presentScene(scene)

3. 关键注意事项 #

• 如果使用.aspectFill，要确保游戏的核心内容（比如操作按钮、得分显示）位于安全区内，避免被刘海或圆角遮挡。你可以通过scene.safeAreaRect获取场景内的安全区域，据此布局关键元素。
• 如果你不想裁剪任何内容，那需要重新设计场景的布局逻辑，让内容可以自适应屏幕尺寸的变化，此时可以将场景size设置为屏幕实际尺寸，使用.resizeFill模式，然后针对不同屏幕尺寸调整节点的位置和大小。

这样调整后，你的场景就能像其他游戏一样，填满iPhone X的整个屏幕，不再有间隙啦！

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