如何将模型绑定到NSTableView？解决手动调用reload刷新表格的问题

很棒的问题！与其每次模型变化都手动调用 NSTableView.reload() 刷新表格，你可以利用 Cocoa Bindings 结合 NSArrayController 来实现模型与表格的自动同步——这是 macOS 平台下更符合设计规范的做法，完全不需要手动触发刷新。下面是具体的实现步骤：

1. 重构模型类，使其支持 KVO #

Cocoa Bindings 依赖 Key-Value Observing (KVO) 机制，所以我们需要把原来的字典数组改成一个遵循 KVO 的模型类，而不是直接用字典存储数据：

import Cocoa

// @objcMembers 让所有属性都暴露给 Objective-C 运行时，支持 KVO
@objcMembers class App: NSObject {
    // dynamic 关键字确保属性变化能被 KVO 捕捉到
    dynamic var name: String
    dynamic var iconName: String
    
    init(name: String, iconName: String) {
        self.name = name
        self.iconName = iconName
        super.init()
    }
}

2. 在视图控制器中定义可绑定的模型数组 #

把原来的静态 AppData.appList 替换成视图控制器中的动态数组属性，让 Array Controller 可以绑定到这个属性：

class MyViewController: NSViewController {
    // @objc dynamic 标记让这个数组支持 KVO，变化时自动通知绑定的控件
    @objc dynamic var apps: [App] = []
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 初始化数据（替换成你实际的加载逻辑）
        apps = [
            App(name: "Safari", iconName: "safari-icon"),
            App(name: "邮件", iconName: "mail-icon")
        ]
    }
    
    // 当模型需要更新时，直接替换整个数组即可，Bindings 会自动刷新表格
    func updateApps(with newApps: [App]) {
        apps = newApps
    }
}

3. 在 Interface Builder 中配置 NSArrayController #

Array Controller 是连接模型和表格的中间层，负责管理数据的排序、过滤和同步：

• 打开你的 XIB/Storyboard，从对象库中拖入一个 Array Controller 到视图控制器的场景中。
• 选中 Array Controller，切换到 绑定检查器：
  • 找到 Content Array，绑定到你的 MyViewController 实例，模型键路径填写 apps。
• 切换到 属性检查器，把 Class Name 设置为 App（也就是我们刚才定义的模型类）。

4. 绑定表格列到 Array Controller #

现在我们要把表格的每个列和模型属性绑定起来，不再需要手动实现 tableView(_:viewFor:row:) 方法：

• 选中你的 "AppName" 列对应的单元格视图：
  • 选中单元格内的文本框，打开绑定检查器：
    • 绑定 String Value 到 Array Controller 的 arrangedObjects，模型键路径填写 name。
  • 选中单元格内的图片视图，打开绑定检查器：
    • 绑定 Image 到 Array Controller 的 arrangedObjects，模型键路径填写 iconName。这里需要一个值转换器把字符串转换成 NSImage，我们可以自定义一个：

class ImageNameToImageTransformer: ValueTransformer {
    override class func transformedValueClass() -> AnyClass {
        return NSImage.self
    }
    
    override class func allowsReverseTransformation() -> Bool {
        return false
    }
    
    override func transformedValue(_ value: Any?) -> Any? {
        guard let iconName = value as? String else { return nil }
        return NSImage(named: iconName)
    }
}

然后在 AppDelegate 中注册这个值转换器：

func applicationDidFinishLaunching(_ aNotification: Notification) {
    ValueTransformer.setValueTransformer(ImageNameToImageTransformer(), forName: NSValueTransformerName(rawValue: "ImageNameToImage"))
}

回到 IB，在图片视图的绑定设置中，把 Value Transformer 选择为 ImageNameToImage 即可。

5. 移除旧的代理方法 #

现在 Bindings 已经自动处理了单元格的内容填充，你可以完全删除原来的 tableView(_:viewFor:row:) 代理方法了。

额外提示：数组的原地修改 #

如果你需要原地修改数组（比如添加、删除元素），而不是直接替换整个数组，需要手动触发 KVO 通知：

func addApp(_ newApp: App) {
    willChangeValue(forKey: "apps")
    apps.append(newApp)
    didChangeValue(forKey: "apps")
}

或者你也可以使用 NSMutableArray 类型的属性，它会自动处理 KVO 通知。

这样设置后，你的表格会自动和模型保持同步，再也不需要手动调用 reload() 了！

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