NSViewControllerRepresentable嵌入SwiftUI列表时不响应事件

如何解决NSViewControllerRepresentable嵌入SwiftUI列表时不响应事件

我有以下代码段:

列表元素:

struct PaletteListRowUIView: View {
    @State var colorPalette: ColorPalette
    var isSelected: Bool
    var onSelect: () -> Void
    
    var body: some View {        
        return VStack(alignment: .leading) {
            HStack {
                Group {
                    if(isSelected) {
                        Ellipse().fill(Color.white)
                    } else {
                        Ellipse().stroke(Color.white)
                    }
                }.contentShape(Ellipse())
                .aspectRatio(1,contentMode: .fit).frame(width: 10,height: 10)
                .gesture(TapGesture().onEnded(onSelect))

                RenameableText(text: $colorPalette.name,onFinished: {/* saves to core data */})
            }
        }
    }
}

列表本身:

struct PaletteListUIView: View {
    @EnvironmentObject var colorPaletteManager: ColorPaletteManager
    
    var body: some View {
        List {
            ForEach(Array(self.colorPaletteManager.colorPalettes.enumerated()),id: \.element.id) { idx,palette in
                PaletteListRowUIView(
                    colorPalette: palette,isSelected: self.colorPaletteManager.isSelected(index: idx),onSelect: { self.colorPaletteManager.selectPalette(at: idx) })
            }.frame(height: 50)

        }.frame(width: 256)
    }
}

还有一个包装好的NSTextField:

class RenameableTextController: NSViewController {

    @Binding var text: String
    let onFinished: () -> Void
    var originalValue: String?
    var isInEditMode: Bool = false
    private var monitors: [Any?] = []
    private var tapper: NSClickGestureRecognizer?

    init(text: Binding<String>,onFinished: @escaping () -> Void) {
        self._text = text
        self.onFinished = onFinished
        super.init(nibName: nil,bundle: nil)
    }

    required init?(coder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func loadView() {
        let textField = NSTextField()
        textField.cell = CustomTextFieldCell()
        textField.stringValue = text
        textField.isEditable = false
        textField.isBordered = false
        textField.bezelStyle = .roundedBezel
        textField.backgroundColor = .clear
        self.view = textField
    }
    
    override func viewWillDisappear() {
        self.makeTextFieldInEditable()
    }
    
    override func mouseUp(with event: NSEvent) {
        print("double")
        if(event.clickCount == 2) {
            self.makeTextFieldEditable()
        }
    }
    
    func makeTextFieldEditable() {
        self.isInEditMode = true
        let textField = self.view as! NSTextField
        self.originalValue = textField.stringValue
        textField.delegate = self
        textField.isEditable = true
        textField.isBordered = true

        self.view.window?.makeFirstResponder(textField)
        textField.currentEditor()?.selectedRange = .init(location: textField.stringValue.count,length: 0)
        monitorForEvents()
    }
    
    func makeTextFieldInEditable() {
        let textField = self.view as! NSTextField
        textField.resignFirstResponder()
        if(isInEditMode) {   // This line is necessary because otherwise a depencency cycle is created in SwiftUI
            self.view.window?.makeFirstResponder(nil)
        }
        textField.isEditable = false
        textField.isBordered = false
        removeMonitors()
        self.isInEditMode = false
    }
    
    override func cancelOperation(_ sender: Any?) {
        let textField = self.view as! NSTextField
        textField.stringValue = originalValue!
        makeTextFieldInEditable()
    }
}

extension RenameableTextController: NSTextFieldDelegate {

    func controlTextDidChange(_ obj: Notification) {
        if let textField = obj.object as? NSTextField {
            self.text = textField.stringValue
        }
    }

    func controlTextDidEndEditing(_ obj: Notification) {
        makeTextFieldInEditable()
        onFinished()
    }
}

extension RenameableTextController {
    
    func monitorForEvents() {
        let localMonitor = NSEvent.addLocalMonitorForEvents(matching: [.leftMouseUp]) { event in
            self.makeTextFieldInEditable()
            return event
        }
        monitors.append(localMonitor)
    }
    
    func removeMonitors() {
        monitors.forEach { monitor in
            if let monitor = monitor {
                NSEvent.removeMonitor(monitor)
            }
        }
        monitors = []
    }
}

struct RenameableText: NSViewControllerRepresentable {

    @Binding var text: String
    let onFinished: () -> Void

    func makeNSViewController(
        context: NSViewControllerRepresentableContext<RenameableText>
    ) -> RenameableTextController {print("called")
        return RenameableTextController(text: $text,onFinished: onFinished)
    }

    func updateNSViewController(
        _ nsViewController: RenameableTextController,context: NSViewControllerRepresentableContext<RenameableText>
    ) {
    }
}

我使用RenameableText以便通过双击在列表中重命名该条目。 但是仅当您将List替换为VStack时,此功能才能正常工作。一旦我使用List SwiftUI View,NSViewControllerRepresentable就不再收到mouseUp事件。有趣的是,包含Group的{​​{1}}视图仍在响应TapGesture()。

有人经历过类似的行为并且知道如何解决这个问题,或者这是应该报告的错误吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


依赖报错 idea导入项目后依赖报错,解决方案:https://blog.csdn.net/weixin_42420249/article/details/81191861 依赖版本报错:更换其他版本 无法下载依赖可参考:https://blog.csdn.net/weixin_42628809/a
错误1:代码生成器依赖和mybatis依赖冲突 启动项目时报错如下 2021-12-03 13:33:33.927 ERROR 7228 [ main] o.s.b.d.LoggingFailureAnalysisReporter : *************************** APPL
错误1:gradle项目控制台输出为乱码 # 解决方案:https://blog.csdn.net/weixin_43501566/article/details/112482302 # 在gradle-wrapper.properties 添加以下内容 org.gradle.jvmargs=-Df
错误还原:在查询的过程中,传入的workType为0时,该条件不起作用 &lt;select id=&quot;xxx&quot;&gt; SELECT di.id, di.name, di.work_type, di.updated... &lt;where&gt; &lt;if test=&qu
报错如下,gcc版本太低 ^ server.c:5346:31: 错误:‘struct redisServer’没有名为‘server_cpulist’的成员 redisSetCpuAffinity(server.server_cpulist); ^ server.c: 在函数‘hasActiveC
解决方案1 1、改项目中.idea/workspace.xml配置文件,增加dynamic.classpath参数 2、搜索PropertiesComponent,添加如下 &lt;property name=&quot;dynamic.classpath&quot; value=&quot;tru
删除根组件app.vue中的默认代码后报错:Module Error (from ./node_modules/eslint-loader/index.js): 解决方案:关闭ESlint代码检测,在项目根目录创建vue.config.js,在文件中添加 module.exports = { lin
查看spark默认的python版本 [root@master day27]# pyspark /home/software/spark-2.3.4-bin-hadoop2.7/conf/spark-env.sh: line 2: /usr/local/hadoop/bin/hadoop: No s
使用本地python环境可以成功执行 import pandas as pd import matplotlib.pyplot as plt # 设置字体 plt.rcParams[&#39;font.sans-serif&#39;] = [&#39;SimHei&#39;] # 能正确显示负号 p
错误1:Request method ‘DELETE‘ not supported 错误还原:controller层有一个接口,访问该接口时报错:Request method ‘DELETE‘ not supported 错误原因:没有接收到前端传入的参数,修改为如下 参考 错误2:cannot r
错误1:启动docker镜像时报错:Error response from daemon: driver failed programming external connectivity on endpoint quirky_allen 解决方法:重启docker -&gt; systemctl r
错误1:private field ‘xxx‘ is never assigned 按Altʾnter快捷键,选择第2项 参考:https://blog.csdn.net/shi_hong_fei_hei/article/details/88814070 错误2:启动时报错,不能找到主启动类 #
报错如下,通过源不能下载,最后警告pip需升级版本 Requirement already satisfied: pip in c:\users\ychen\appdata\local\programs\python\python310\lib\site-packages (22.0.4) Coll
错误1:maven打包报错 错误还原:使用maven打包项目时报错如下 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-resources-plugin:3.2.0:resources (default-resources)
错误1:服务调用时报错 服务消费者模块assess通过openFeign调用服务提供者模块hires 如下为服务提供者模块hires的控制层接口 @RestController @RequestMapping(&quot;/hires&quot;) public class FeignControl
错误1:运行项目后报如下错误 解决方案 报错2:Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:3.8.1:compile (default-compile) on project sb 解决方案:在pom.
参考 错误原因 过滤器或拦截器在生效时,redisTemplate还没有注入 解决方案:在注入容器时就生效 @Component //项目运行时就注入Spring容器 public class RedisBean { @Resource private RedisTemplate&lt;String
使用vite构建项目报错 C:\Users\ychen\work&gt;npm init @vitejs/app @vitejs/create-app is deprecated, use npm init vite instead C:\Users\ychen\AppData\Local\npm-