SwiftUI(macOS)でキーボード入力を取得してタイピングゲーム機能を実現したいです。

Question

前提

Xcode、SwiftUIでmacOSアプリを作っており、タイピングゲーム機能を実現しようとしています。
ユーザーのキーボード入力を@State変数で取得したいのですが、方法がわからなくて困っています。
Swift初心者でありteretailでの質問も初めてなので、情報に不備等あるかと思いますが何卒よろしくお願いいたします。

実現したいこと

SwiftUIで、もしくはUIKitをSwiftUIに組み込んでキーボード入力を@State変数で取得したい。

(取得した変数　＝＝　タイプすべきキー)　
を判定することでタイピングゲーム機能を実現したいです。
キーボード入力の際にポコポコとした音（beep音と呼ぶのでしょうか？)が鳴らないように実現させたいです。

試したこと

以下のコードはインターネットで見つけたものです。（リンクはhttps://stackoverflow.com/questions/61153562/how-to-detect-keyboard-events-in-swiftui-on-macos）
このコードの
KeyViewクラスのevent.characterIgnoringModifiers ?? "" をContentViewの@State変数として取得し同期することができれば良いのだろうかと思っていますが、その方法が分かりません。
Coordinatorを使うのかなどと考えていますが、その使い方が理解できずにどうにもならなくなり、ここに質問させていただきました。
もちろん、以下のコードと全く異なる方法でのアドバイスも大変助かります。

import SwiftUI
struct KeyEventHandling: NSViewRepresentable {
    class KeyView: NSView {
        override var acceptsFirstResponder: Bool { true }
        override func keyDown(with event: NSEvent) {
            print(">> key \(event.charactersIgnoringModifiers ?? "")")
        }
    }
    func makeNSView(context: Context) -> NSView {
        let view = KeyView()
        DispatchQueue.main.async { // wait till next event cycle
            view.window?.makeFirstResponder(view)
        }
        return view
    }
    func updateNSView(_ nsView: NSView, context: Context) {
    }
}
struct ContentView: View {
    var body: some View {
        KeyEventHandling()
    }
}

アドバイスよろしくおねがいします。

・SwiftUIのほうが慣れているので、SwiftUI中心、またはSwiftUIと共存する方法で教えていただけると幸いです。
・「〇〇で検索すると良いかもしれない」などの情報もいただけると嬉しいです。

Answer 1

次のようにすればできると思います。

• KeyEventHandlingの中に、@Bindingで文字を格納する変数(key)を宣言する。
• KeyEventHandling作成時の引数に@Stateで宣言した変数を指定し、キーが押された時にその変数が更新されるようにする。
• KeyViewの中に、キーが押されたときに呼び出されるクロージャ(keyDownHandler)を宣言する。
• KeyView作成時にkeyDownHandlerのクロージャを作成し、クロージャ内の処理で、受け取ったキーをKeyEventHandlingのkeyに設定する。

サンプルコードは以下の通りです。

import SwiftUI

struct KeyEventHandling: NSViewRepresentable {
    @Binding var key: String
    class KeyView: NSView {
        var keyDownHandler: ((String) -> ())?
        override var acceptsFirstResponder: Bool { true }
        override func keyDown(with event: NSEvent) {
            print(">> key \(event.charactersIgnoringModifiers ?? "")")
            keyDownHandler?(event.charactersIgnoringModifiers ?? "")
        }
    }
    
    func makeNSView(context: Context) -> NSView {
        let view = KeyView()
        view.keyDownHandler = {key in
            self.key = key
        }
        DispatchQueue.main.async { // wait till next event cycle
            view.window?.makeFirstResponder(view)
        }
        return view
    }

    func updateNSView(_ nsView: NSView, context: Context) {
    }
}

struct ContentView: View {
    @State var key: String = ""
    var body: some View {
        Text("Key Down: \(key)")
            .frame(width: 200, height: 50, alignment: .center)
            .background(KeyEventHandling(key: $key))
    }
}

Comments

[SwiftBeginner]

ありがとうございます！無事keyを取得でき、タイピング機能ができました！
感謝してもしきれません！