Swiftで作るアプリの背景が透明ステータスバーに届かない

Question

前提・実現したいこと

Xcodeを用いてmacOS用のSwiftアプリケーション制作を試みています。
アプリケーションの背景として画像（以下の図では白い画像に置き換えています）を表示しようと思い立ち、
タイトルバーが無い方が雰囲気が良いと考え、初心者ながら調べつつタイトルバーを消すことには成功したものの、
イメージに".scaledToFill()"をつけてリサイズしても、ウィンドウのアスペクト比によってタイトルバーがあった部分まで画像が届かないことがあります。

試したこと

・インターネットをかなり探したつもりですが、タイトルバーを消す方法を紹介している記事自体が数える程しか見つからず、その上でウィンドウをイメージで一杯にする例は見つかりませんでした。
・画像を".resizable()"とした上で、".scaleEffect(2)"で画像のサイズを2倍にするとタイトルバー分まで埋まるようにはなりましたが、ウィンドウのアスペクト比が元の画像に近いのならば出来る限り表示しなければ勿体ないような気もします。それとも諦めるべきでしょうか。
・ウィンドウの縦（タイトルバー含む）と横の長さを取得し、画像のサイズと照らし合わせての計算により".resizable()"と".scaledToFill()"に相当するプログラムを自分で作ることを考えました。こちらもかなり調べましたが、iOSNSRect等々の型変換にギブアップして最初の問題に立ち戻ることを数回繰り返した結果、こうして質問させて頂く流れとなりました。

初心者が滲み出る質問文になったこと申し訳なく思います。何方かご教授頂ければ幸いです。

現在のプログラム

(BackgroundView.swift) アプリケーション内で背景を変更できる機能を後々付けるつもりで、プログラムを分けています

struct BackgroundView: View {
    let number: Int
    var body: some View {
        Image("Background_(number)")
            .resizable()
            .scaledToFill()
    }
}

(ContentView.swift)

struct ContentView: View {
    var body: some View {
            BackgroundView(number: 4)
    }
}

(AppleDelegate.swift) SwiftUIのXcode 11におけるCocoa Classの設定方法が分からず、AppleDelegate.swiftに入れてみると上手く動作したので、これで良いか、と思いプログラムを加えて行った次第です

import Cocoa
import SwiftUI

@NSApplicationMain
class AppDelegate: NSObject, NSApplicationDelegate {

    var window: NSWindow!


    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Create the SwiftUI view that provides the window contents.
        let contentView = ContentView()

        // Create the window and set the content view. 
        window = NSWindow(
            contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
            styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
            backing: .buffered, defer: false)
        window.center()
        window.setFrameAutosaveName("Main Window")
        window.contentView = NSHostingView(rootView: contentView)
        window.makeKeyAndOrderFront(nil)
        
        //ここから
        
        window?.titlebarAppearsTransparent = true
        window?.titleVisibility = .visible
        window?.styleMask.insert(.fullSizeContentView)
        // window?.styleMask = .fullSizeContentView
        window?.isOpaque = false
        window?.backgroundColor = NSColor(white: 1, alpha: 0)
        
        //ここまでをデフォルトのコードに加えています
    }

    func applicationWillTerminate(_ aNotification: Notification) {
        // Insert code here to tear down your application
    }


}

補足情報（FW/ツールのバージョンなど）

XCodeのバージョンは11.4 (11E146)です。
OSはmacOS Catalina 10.15.3です。

Comments

[hoshi-takanori]

ご自分で試したソースコードを貼っていただけるとこちらでも試してみようかという気になるのですが…。
あと、Swift タグだけだと哀しいことに iOS の質問かと思ってしまうので、MacOS(OSX) タグも追加していただけると良いと思います。

[Fictitious0x]

ご意見有り難う御座います。タグ、そして質問にプログラムを加えました。

Answer 1

window の styleMask に .fullSizeContentView を設定した場合、NSView はタイトルバーの領域まで広がるのに、SwiftUI の View はタイトルバーの領域には広がらないようですね。
BackgroundView がタイトルバーの領域に描画されるのは、ウィンドウを横に広げた（または縦に縮めた）場合に上下にはみ出す部分が、タイトルバー部分だけクリッピングされずに表示されているようです。（画像の上下 20px ほど色を変えて観察すると、下は切れてるのに上は切れてなかったりするのが分かります。）

とりあえず、背景画像を表示するだけであれば、背景画像だけ NSView 側で設定すればいいと思います。
（なお、macOS の次のバージョンで動くかどうかは保証の限りではないかも。）

    func applicationDidFinishLaunching(_ aNotification: Notification) {
        // Create the SwiftUI view that provides the window contents.
        let contentView = ContentView()

        // Create the window and set the content view. 
        window = NSWindow(
            contentRect: NSRect(x: 0, y: 0, width: 480, height: 300),
            styleMask: [.titled, .closable, .miniaturizable, .resizable, .fullSizeContentView],
            backing: .buffered, defer: false)
        window.center()
        window.setFrameAutosaveName("Main Window")
        // window.contentView = NSHostingView(rootView: contentView) // この行は削除
        window.makeKeyAndOrderFront(nil)

        //ここから

        window?.titlebarAppearsTransparent = true
        window?.titleVisibility = .visible
        window?.styleMask.insert(.fullSizeContentView)
        // window?.styleMask = .fullSizeContentView
        window?.isOpaque = false
        window?.backgroundColor = NSColor(white: 1, alpha: 0)

        //ここまでをデフォルトのコードに加えています

        // 背景画像を CALayer で設定
        let imageLayer = CALayer()
        imageLayer.contents = NSImage(named: "Background_4")
        imageLayer.contentsGravity = .resizeAspectFill
        window.contentView?.layer = imageLayer
        window.contentView?.wantsLayer = true

        // SwiftUI の View を追加
        let hostingView = NSHostingView(rootView: contentView)
        hostingView.autoresizingMask = [.width, .height]
        hostingView.frame = window.contentView!.frame
        window.contentView?.addSubview(hostingView)
    }

Comments

[Fictitious0x]

AppDelegate.swiftにコードを加えると、何故か画像が180度回転した状態になってしまっていたので、最後に"window.contentView?.rotate(byDegrees: 180)"と加えると上手く動作しました。御回答頂き、本当に有り難う御座いました！

[Fictitious0x]

画像の反転はこちらのミスでした……。他の画像を入れると通常のままで動きました。失礼しました。