如何在SwiftUI中让NSOpenPanel填充TextField？

我正在开发一款macOS应用，设置了一个按钮，点击后调用函数打开Finder选择文件夹。参考Stack Overflow写了如下函数代码：

func showChooseFileDialog(){
        let openPanel = NSOpenPanel()
        openPanel.prompt = "OK"
        openPanel.allowsMultipleSelection = false
        openPanel.canChooseDirectories = true
        openPanel.canCreateDirectories = false
        openPanel.canChooseFiles = false
        openPanel.begin { (result) -> Void in
            if result.rawValue == NSApplication.ModalResponse.OK.rawValue {
                let selectedPath = openPanel.url!.path

                // fill the TextField with the selectedPath?
            }
        }
    }
}

需要实现：点击按钮或调用此函数后，把选中的路径填充到SwiftUI的TextField中。

核心是通过SwiftUI的状态绑定机制，将选中的路径同步到TextField，以下是具体步骤：

1. 定义绑定状态变量 #

在你的View结构体中，添加@State属性存储选中的文件夹路径：

@State private var selectedFolderPath = ""

2. 修改选择函数，更新状态变量 #

调整原有函数，在用户选中文件夹后直接更新绑定的状态变量（同时优化代码安全性和可读性）：

func showChooseFileDialog(){
    let openPanel = NSOpenPanel()
    openPanel.prompt = "OK"
    openPanel.allowsMultipleSelection = false
    openPanel.canChooseDirectories = true
    openPanel.canCreateDirectories = false
    openPanel.canChooseFiles = false
    openPanel.begin { result in
        // 直接使用枚举值判断，替代rawValue对比
        if result == .OK {
            // 可选绑定避免强制解包，提升代码安全性
            if let url = openPanel.url {
                selectedFolderPath = url.path
            }
        }
    }
}

3. 绑定TextField与按钮 #

在View的body中，将TextField与状态变量绑定，并给按钮添加点击触发逻辑：

var body: some View {
    VStack(spacing: 16) {
        TextField("选中的文件夹路径", text: $selectedFolderPath)
            .padding()
            .border(Color.gray)
        
        Button("选择文件夹") {
            showChooseFileDialog()
        }
        .buttonStyle(.borderedProminent)
    }
    .padding()
}

完整示例代码 #

整合后的完整View代码如下：

import SwiftUI

struct FolderSelectorView: View {
    @State private var selectedFolderPath = ""
    
    var body: some View {
        VStack(spacing: 16) {
            TextField("选中的文件夹路径", text: $selectedFolderPath)
                .padding()
                .border(Color.gray)
            
            Button("选择文件夹") {
                showChooseFileDialog()
            }
            .buttonStyle(.borderedProminent)
        }
        .padding()
    }
    
    func showChooseFileDialog(){
        let openPanel = NSOpenPanel()
        openPanel.prompt = "OK"
        openPanel.allowsMultipleSelection = false
        openPanel.canChooseDirectories = true
        openPanel.canCreateDirectories = false
        openPanel.canChooseFiles = false
        openPanel.begin { result in
            if result == .OK {
                if let url = openPanel.url {
                    selectedFolderPath = url.path
                }
            }
        }
    }
}

#Preview {
    FolderSelectorView()
}

补充说明 #

• 若使用ViewModel管理状态，可将@State替换为ViewModel中的@Published属性，同时让ViewModel遵循ObservableObject，在View中用@StateObject或@ObservedObject绑定。
• 状态变量更新时，SwiftUI会自动触发视图重渲染，TextField会同步显示最新路径。

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