SwiftUI macOS主/详情视图实现：寻求更惯用的优化方案

针对你当前手动构建Binding的问题，有两种更贴合SwiftUI设计理念的优化方式，核心是利用@Observable的自动绑定能力，避免手动编写繁琐的Binding初始化代码。

方案一：利用可选Binding直接解包（SwiftUI 5+） #

SwiftUI 5及以上版本支持对可选类型的Binding进行解包，结合@Observable修饰的ViewModel，可直接通过$语法获取选中项的绑定，无需手动构建Binding实例。

完整示例代码 #

1. 定义可观察的Item结构体

@Observable
struct Item: Identifiable {
    let id = UUID()
    var title: String
    var text: String
}

2. 实现ViewModel

@Observable
class HomeViewModel {
    var items: [Item] = [
        Item(title: "Item 1", text: "First item's text"),
        Item(title: "Item 2", text: "Second item's text")
    ]
    var selectedItem: Item?
}

3. 主视图（MasterView）

struct MasterView: View {
    let items: [Item]
    var onSelectItem: (Item) -> Void
    
    var body: some View {
        List(items, selection: $onSelectItem) { item in
            Text(item.title)
        }
    }
}

4. 详情视图（DetailView）

struct DetailView: View {
    @Binding var item: Item
    
    var body: some View {
        Form {
            TextField("Title", text: $item.title)
            TextField("Text", text: $item.text)
        }
        .padding()
    }
}

5. 组合视图（HomeView）

struct HomeView: View {
    @State private var model = HomeViewModel()
    
    var body: some View {
        NavigationSplitView {
            MasterView(items: model.items) { item in
                model.selectedItem = item
            }
        } detail: {
            // 直接解包可选Binding，传递给详情视图
            if let $selectedItem = $model.selectedItem {
                DetailView(item: $selectedItem)
            } else {
                Text("Select an item to edit")
            }
        }
    }
}

方案二：在ViewModel中封装绑定计算属性 #

如果需要集中处理选中项的更新逻辑（比如同步修改数组中的对应元素），可以在ViewModel中添加一个计算属性，返回Binding<Item>?，将数据更新逻辑封装在ViewModel内部，让View层更简洁。

修改ViewModel添加计算属性 #

@Observable
class HomeViewModel {
    var items: [Item] = [
        Item(title: "Item 1", text: "First item's text"),
        Item(title: "Item 2", text: "Second item's text")
    ]
    var selectedItem: Item?
    
    var selectedItemBinding: Binding<Item>? {
        guard let selected = selectedItem else { return nil }
        return Binding(
            get: {
                // 从数组中获取最新的选中项
                self.items.first(where: { $0.id == selected.id }) ?? selected
            },
            set: { newItem in
                // 更新数组中的对应元素，并同步选中项
                if let index = self.items.firstIndex(where: { $0.id == newItem.id }) {
                    self.items[index] = newItem
                }
                self.selectedItem = newItem
            }
        )
    }
}

修改HomeView使用封装的绑定 #

struct HomeView: View {
    @State private var model = HomeViewModel()
    
    var body: some View {
        NavigationSplitView {
            MasterView(items: model.items) { item in
                model.selectedItem = item
            }
        } detail: {
            if let binding = model.selectedItemBinding {
                DetailView(item: binding)
            } else {
                Text("Select an item to edit")
            }
        }
    }
}

核心优势 #

• 方案一利用SwiftUI原生的可选Binding支持，代码最简洁，完全符合SwiftUI的惯用写法。
• 方案二将数据更新逻辑封装在ViewModel中，遵循MVVM架构的单一职责原则，适合复杂场景下的逻辑复用。

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