SwiftUI 列表选择始终为零

Question

在我的 macOS 应用程序项目中，我有一个 NavigationLinks 的 SwiftUI 列表视图，它使用来自项目数组的 foreach 循环构建：

struct MenuView: View {
    @EnvironmentObject var settings: UserSettings
    
    var body: some View {
        List(selection: $settings.selectedWeek) {
            ForEach(settings.weeks) { week in
                NavigationLink(
                    destination: WeekView(week: week)
                        .environmentObject(settings)
                    tag: week,
                    selection: $settings.selectedWeek)
                {
                    Image(systemName: "circle")
                    Text("\(week.name)")
                }
            }
            .onDelete { set in
                settings.weeks.remove(atOffsets: set)
            }
            .onMove { set, i in
                settings.weeks.move(fromOffsets: set, toOffset: i)
            }
        }
        .navigationTitle("Weekplans")
        .listStyle(SidebarListStyle())
    }
}

此视图为整体 NavigationView 创建侧边栏菜单。

在这个列表视图中，我想将选择机制与来自 NavigationLink 的标签一起使用。 Week 是一个自定义模型类：

struct Week: Identifiable, Hashable, Equatable {
    var id = UUID()
    var days: [Day] = []
    var name: String
}

UserSettings 看起来像这样：

class UserSettings: ObservableObject {
    @Published var weeks: [Week] = [
        Week(name: "test week 1"),
        Week(name: "foobar"),
        Week(name: "hello world")
    ]
    
    @Published var selectedWeek: Week? = UserDefaults.standard.object(forKey: "week.selected") as? Week {
        didSet {
            var a = oldValue
            var b = selectedWeek
            UserDefaults.standard.set(selectedWeek, forKey: "week.selected")
        }
    }
}

我的目标是将列表选择中的值直接存储在 UserDefaults 中。 didSet 属性被执行，但变量始终为零。由于某种原因，所选列表值无法存储在已发布/可绑定变量中。 为什么 $settings.selectedWeek 总是为零？

Answer 1

几个建议：

1. SwiftUI（特别是在 macOS 上）在某些 List 行为中不可靠/不可预测。其中之一是selection - 有很多东西要么完全不起作用，要么充其量只是稍微损坏，但在等效的 iOS 代码中可以正常工作。好消息是 NavigationLink 和 isActive 就像列表中的选择一样 - 我将在我的示例中使用它。
2. @Published didSet 可能在某些情况下有效，但这是您不应该依赖的另一件事。属性包装器方面使其行为不同于可能的行为（搜索“@Published didSet”以查看处理它的合理数量的问题）。好消息是，您可以使用 Combine 重新创建行为，并以更安全/更可靠的方式进行。

代码中的逻辑错误：

1. 您正在使用特定 UUID 在用户默认值中存储 Week。但是，您会在每次启动时动态地重新生成 weeks 数组，以确保它们的 UUID 会有所不同。如果您想在发布到发布期间维护它们，则需要将您的一周与您的选择一起存储。

这是一个工作示例，我将在下面指出一些事情：

import SwiftUI
import Combine

struct ContentView : View {
    var body: some View {
        NavigationView {
            MenuView().environmentObject(UserSettings())
        }
    }
}

class UserSettings: ObservableObject {
    @Published var weeks: [Week] = []
    
    @Published var selectedWeek: UUID? = nil
    
    private var cancellable : AnyCancellable?
    private var initialItems = [
        Week(name: "test week 1"),
        Week(name: "foobar"),
        Week(name: "hello world")
    ]
    
    init() {
        let decoder = PropertyListDecoder()
                
        if let data = UserDefaults.standard.data(forKey: "weeks") {
            weeks = (try? decoder.decode([Week].self, from: data)) ?? initialItems
        } else {
            weeks = initialItems
        }
        
        if let prevValue = UserDefaults.standard.string(forKey: "week.selected.id") {
            selectedWeek = UUID(uuidString: prevValue)
            print("Set selection to: \(prevValue)")
        }
        cancellable = $selectedWeek.sink {
            if let id = $0?.uuidString {
                UserDefaults.standard.set(id, forKey: "week.selected.id")
                let encoder = PropertyListEncoder()
                if let encoded = try? encoder.encode(self.weeks) {
                    UserDefaults.standard.set(encoded, forKey: "weeks")
                }
            }
        }
    }
    
    func selectionBindingForId(id: UUID) -> Binding<Bool> {
        Binding<Bool> { () -> Bool in
            self.selectedWeek == id
        } set: { (newValue) in
            if newValue {
                self.selectedWeek = id
            }
        }

    }
}

//Unknown what you have in here
struct Day : Equatable, Hashable, Codable {
    
}

struct Week: Identifiable, Hashable, Equatable, Codable {
    var id = UUID()
    var days: [Day] = []
    var name: String
}


struct WeekView : View {
    var week : Week
    
    var body: some View {
        Text("Week: \(week.name)")
    }
}

struct MenuView: View {
    @EnvironmentObject var settings: UserSettings
    
    var body: some View {
        List {
            ForEach(settings.weeks) { week in
                NavigationLink(
                    destination: WeekView(week: week)
                        .environmentObject(settings),
                    isActive: settings.selectionBindingForId(id: week.id)
                )
                {
                    Image(systemName: "circle")
                    Text("\(week.name)")
                }
            }
            .onDelete { set in
                settings.weeks.remove(atOffsets: set)
            }
            .onMove { set, i in
                settings.weeks.move(fromOffsets: set, toOffset: i)
            }
        }
        .navigationTitle("Weekplans")
        .listStyle(SidebarListStyle())
    }
}

1. 在UserSettings.init 中，如果之前保存过周，则会加载它们（保证相同的 ID）
2. 在$selectedWeek 上使用组合，而不是didSet。我只存储 ID，因为存储整个 Week 结构似乎毫无意义，但您可以更改它
3. 我为NavigationLinks isActive 属性创建了一个动态绑定——如果存储的selectedWeek 与NavigationLink 的周ID 相同，则该链接处于活动状态。
4. 除此之外，它与您的代码基本相同。我不在List 上使用selection，只是在NavigationLink 上使用isActive
5. 如果您执行了onMove 或onDelete，我没有再次执行存储Week，因此您必须执行该操作。

Answer 2

遇到这样的情况，即多项选择在 macOS 上不起作用。以下是我认为正在发生的事情以及如何解决它并让它发挥作用

背景

因此，在 macOS 上，嵌入在列表中的 NavigationLinks 在详细视图中呈现其目的地（无论如何默认情况下）。例如

struct ContentView: View {
    let beatles = ["John", "Paul", "Ringo", "George", "Pete"]
    @State var listSelection = Set<String>()

    var body: some View {
        NavigationView {
            List(beatles, id: \.self, selection: $listSelection) { name in
                NavigationLink(name) {
                    Text("Some details about \(name)")
                }
            }
        }
    }
}

这样渲染

问题

使用 NavigationLinks 时，无法在侧边栏中选择多个项目（至少从 Xcode 13 beta4 开始）。

...但如果只使用 Text 元素而不使用任何 NavigationLink 嵌入，它就可以正常工作。

发生了什么

详细视图一次只能显示 一个 NavigationLink 视图，并且在代码中的某个位置（可能是 NavigationView）有一段代码通过踩多选并将其设置为无，例如

let selectionBinding = Binding {
    backingVal
} set: { newVal in
    guard newVal <= 1 else {
        backingVal = nil
        return
    }
    backingVal = newVal
}

据我所知，在这种情况下发生的情况尚未定义。对于某些视图，例如 TextField，它会与它的原始真相来源（more）不同步，而对于其他视图，它会尊重它。

解决方法/修复

之前我建议使用ZStack 来解决这个问题，这可行，但过于复杂。

相反，macOS 的惯用选项，如 Lost Moa blog post 所示，根本不使用 NaviationLink。

事实证明，只需将侧边栏和详细视图彼此相邻放置并使用绑定就足以让NavigationView 了解如何渲染并阻止它踩到多个项目选择。示例如下：

struct ContentView: View {
    let beatles = ["John", "Paul", "Ringo", "George", "Pete"]
    @State var listSelection: Set<String> = []

    var body: some View {
        NavigationView {
            SideBar(items: beatles, selection: $listSelection)
            Detail(ids: listSelection)
        }
    }

    struct SideBar: View {
        let items: Array<String>
        @Binding var selection: Set<String>

        var body: some View {
            List(items, id: \.self, selection: $selection) { name in
                Text(name)
            }
        }
    }

    struct Detail: View {
        let ids: Set<String>

        var detailsMsg: String {
            ids.count == 1 ? "Would show details for \(ids.first)"
                : ids.count > 1 ? "Too many items selected"
                : "Nothing selected"
        }

        var body: some View {
            Text(detailsMsg)
        }
    }
}

玩得开心。