主页 / coding / 问题 / 78899997
Accepted
dev_dev
Asked: 2024-08-22 14:06:33 +0800 CST

如何从 NSResponder 拦截值并使用该字符串？

  • 772

我的目标：我已经构建了一个 macOS 应用程序，并且我想要...

  1. 有一个按钮可以打开表情符号选择器（管理这个）
  2. 当用户选择一个表情符号时，使用以下代码截取该值NSResponder
  3. 然后在我的按钮标签上使用它

下面的代码是简化的。我需要帮助：如何从 NSResponder 截取值并打印它？

import SwiftUI
import AppKit

struct ContentView: View {
    private let emojiResponder = EmojiResponder()
    
    var body: some View {
        Button {
            // open the emoji picker
            if let window = NSApplication.shared.keyWindow {
                window.makeFirstResponder(emojiResponder)
                DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
                    NSApp.orderFrontCharacterPalette(nil)
                }
            }
        } label: {
            Text("Emoji?")
        }
        .onAppear {
            emojiResponder.onEmojiSelected = { selectedEmoji in
                print(selectedEmoji)
            }
        }
    }
}

// Custom Emoji NSResponder
class EmojiResponder: NSResponder {
    var onEmojiSelected: ((String) -> Void)?
    
    // use insertTest method from NSResponder
    // I assume this allows me to get the input 
    override func insertText(_ insertString: Any) {
        guard let selectedEmoji = insertString as? String else { return }
        onEmojiSelected?(selectedEmoji)
        print(selectedEmoji)
    }
}

有人能指点我如何解决这个问题吗？现在发生了什么：表情符号选择器已打开，但我选择表情符号后什么也没发生

注意：我正在使用此讨论中的解决方案 - https://stackoverflow.com/a/77797594/5133585。 但我希望有一个没有隐藏 TextField 的解决方案。

我不想在这里使用 TextField 的原因是：

我有一个循环遍历数组的列表。每行有 3 个 TextField：[表情符号] —— [姓名] —— [日期]

当我在 macOS 上选择一行并按下 Enter 键时，它会聚焦在表情符号文本字段上。我想要的是聚焦在名称文本字段上。因此，我希望删除这个表情符号文本字段并解决这个问题。

swift

1 个回答

  1. Best Answer

    表情符号选择器必须关注某些东西，并且它必须是你可以控制的东西，才能得到所选择的内容。

    如果您不喜欢将焦点放在隐藏的 上TextField，则可以将焦点放在打开表情符号选择器的按钮上。创建一个NSButton符合 的子类NSTextInputClient，就像在这个答案中一样，并将其包装在 中NSViewRepresentable。

    struct EmojiButton: NSViewRepresentable {
    // I chose to use a callback closure here
    // but you can easily make this into a @Binding if you prefer that
    let onSelectEmoji: (String) -> Void
    
    func makeNSView(context: Context) -> TextReceiverButton {
        context.coordinator.button
    }
    
    func updateNSView(_ nsView: TextReceiverButton, context: Context) {
        nsView.receiveText = onSelectEmoji
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
    
    @MainActor
    class Coordinator: NSObject {
        let button = TextReceiverButton(title: "Emoji", target: nil, action: nil)
        
        override init() {
            super.init()
            button.target = self
            button.action = #selector(displayEmojiInButton(_:))
        }
        
        @objc func displayEmojiInButton(_ sender: Any) {
            NSApp.orderFrontCharacterPalette(nil)
            Task {
                // this has to be done asynchronously, as in your attempt
                button.window?.makeFirstResponder(button)
            }
        }
    }
}

class TextReceiverButton: NSButton, NSTextInputClient {
    var receiveText: ((String) -> Void)?
    
    nonisolated func setMarkedText(_ string: Any, selectedRange: NSRange, replacementRange: NSRange) {
        
    }
    
    nonisolated func unmarkText() {
        
    }
    
    nonisolated func selectedRange() -> NSRange {
        .init()
    }
    
    nonisolated func markedRange() -> NSRange {
        .init()
    }
    
    nonisolated func hasMarkedText() -> Bool {
        false
    }
    
    nonisolated func attributedSubstring(forProposedRange range: NSRange, actualRange: NSRangePointer?) -> NSAttributedString? {
        nil
    }
    
    nonisolated func firstRect(forCharacterRange range: NSRange, actualRange: NSRangePointer?) -> NSRect {
        .zero
    }
    
    nonisolated func characterIndex(for point: NSPoint) -> Int {
        0
    }

    nonisolated func insertText(_ string: Any, replacementRange: NSRange) {
        if let receivedText = string as? String {
            Task { @MainActor in
                receiveText?(receivedText)
            }
        }
    }
    

    nonisolated func validAttributesForMarkedText() -> [NSAttributedString.Key] {
        return [.font, .paragraphStyle, .writingDirection]
    }
}

    由于您提到了List包含文本字段的行的可选项，下面是类似情况下的示例用法。这只是打印出所选的表情符号。

    struct ContentView: View {
    @State var text = ""
    @State var selection: Int?
    
    var body: some View {
        List(selection: $selection) {
            ForEach(0..<10) { i in Row().tag(i) }
        }
    }
}

struct Row: View {
    @State var name = ""
    @State var date = ""
    var body: some View {
        HStack {
            EmojiButton { 
                print("Selected", $0)
            }
            TextField("Name", text: $name)
            TextField("Date", text: $date)
        }
    }
}

    要让表情符号选择器以弹出窗口的形式显示，之前聚焦的视图orderFrontCharacterPalette必须是文本字段。因此，如果您希望弹出窗口显示在按钮上，您仍然需要NSTextView在按钮的中心放置一个不可见的元素。

    也许由于这个文本字段在 AppKit 端，SwiftUI 不知道它，并且在按下返回键时不会出现不良的焦点行为。

    当按钮被按下时，将第一响应者设置为不可见的文本视图，然后异步调用orderFrontCharacterPalette。

    这是一个示例实现。

    struct EmojiButton: NSViewRepresentable {
    let onSelectEmoji: (String) -> Void
    
    func makeNSView(context: Context) -> NSView {
        context.coordinator.view
    }
    
    func updateNSView(_ nsView: NSView, context: Context) {
        context.coordinator.textView.receiveText = onSelectEmoji
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator()
    }
    
    @MainActor
    class Coordinator: NSObject {
        let button = NSButton(title: "Emoji", target: nil, action: nil)
        let textView = TextReceiverView(frame: .init(x: 0, y: 0, width: 1, height: 1))
        let view = NSView()
        
        override init() {
            super.init()
            
            button.target = self
            button.action = #selector(displayEmojiInButton(_:))
            
            // remove the cursor
            textView.insertionPointColor = .clear
            
            button.translatesAutoresizingMaskIntoConstraints = false
            textView.translatesAutoresizingMaskIntoConstraints = false
            // add the textView first so the button goes above it
            view.addSubview(textView)
            view.addSubview(button)
            NSLayoutConstraint.activate([
                button.leftAnchor.constraint(equalTo: view.leftAnchor),
                button.rightAnchor.constraint(equalTo: view.rightAnchor),
                button.topAnchor.constraint(equalTo: view.topAnchor),
                button.bottomAnchor.constraint(equalTo: view.bottomAnchor),
                textView.widthAnchor.constraint(equalToConstant: 1),
                textView.heightAnchor.constraint(equalToConstant: 1),
                textView.centerXAnchor.constraint(equalTo: view.centerXAnchor),
                textView.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            ])
        }
        
        @objc func displayEmojiInButton(_ sender: Any) {
            button.window?.makeFirstResponder(textView)
            Task {
                try await Task.sleep(for: .milliseconds(100))
                NSApp.orderFrontCharacterPalette(nil)
            }
        }
    }
}

class TextReceiverView: NSTextView {
    
    var receiveText: ((String) -> Void)?

    override func insertText(_ string: Any, replacementRange: NSRange) {
        if let receivedText = string as? String {
            receiveText?(receivedText)
        }
    }
}
    • 1

相关问题