SwiftUI结合CoreData与EditMode实现列表复选框筛选问题求助

需求说明 #

• 默认列表仅显示CoreData中showing属性为true的条目
• 进入EditMode时，显示所有CoreData条目，且showing为true的条目默认勾选
• 退出EditMode时，将选择结果同步到CoreData的showing属性，列表重新显示选中条目

当前问题 #

1. 进入EditMode时，隐藏条目先滑入，之后showing为true的条目才显示勾选状态，期望勾选状态随条目滑入同步出现
2. 退出EditMode时，新选中的条目出现跳变
3. 非EditMode下出现多行选中，且意外修改了showing布尔值

原实现代码 #

import SwiftUI

struct ContentView: View {
    
    @Environment(\.managedObjectContext) var moc
    @FetchRequest(
        entity: Animal.entity(),
        sortDescriptors: [NSSortDescriptor(keyPath: \Animal.name, ascending: true)]
    ) var allAnimals: FetchedResults<Animal>

    @State private var selection = Set<Animal>()
    @State var mode: EditMode = .inactive

    var animals: [Animal] {
        if mode == .active {
            return Array(allAnimals)
        } else {
            return allAnimals.filter { $0.showing }
        }
    }
    
    var body: some View {
        NavigationView {
            List(selection: $selection) {
                ForEach(animals, id: \.self) { animal in
                    NavigationLink(destination: Text("Detail View")) {
                        Label(animal.name!, systemImage: animal.symbol ?? "folder")
                    }
                    .listRowBackground(mode == .active ? Color(UIColor.secondarySystemGroupedBackground) : nil)
                }
            }
            .onChange(of: mode) { newMode in
                if newMode == .active {
                    selection = Set(allAnimals.filter { $0.showing })
                }
                if newMode == .inactive {
                    updateAnimals()
                }
            }

            .navigationTitle("Animals")

            .safeAreaInset(edge: .bottom) {
                Button(action: {
                    let lion = Animal(context: moc)
                    lion.name = "Lion"
                    lion.symbol = "01.circle"
                    lion.showing = true
                    lion.id = UUID()

                    let tiger = Animal(context: moc)
                    tiger.name = "Tiger"
                    tiger.symbol = "02.circle"
                    tiger.showing = true
                    tiger.id = UUID()

                    let zebra = Animal(context: moc)
                    zebra.name = "Zebra"
                    zebra.symbol = "03.circle"
                    zebra.showing = true
                    zebra.id = UUID()

                    let elephant = Animal(context: moc)
                    elephant.name = "Elephant"
                    elephant.symbol = "04.circle"
                    elephant.showing = true
                    elephant.id = UUID()

                    let giraffe = Animal(context: moc)
                    giraffe.name = "Giraffe"
                    giraffe.symbol = "05.circle"
                    giraffe.showing = true
                    giraffe.id = UUID()

                    try? moc.save()
                }, label: {
                    Label("Add animals", systemImage: "plus.circle")
                })
                .buttonStyle(.plain)
                .foregroundColor(.accentColor)
                .padding()
                .frame(maxWidth: .infinity, alignment: .leading)
            }

            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    EditButton()
                }                  
            }

            .environment(\.editMode, $mode)
        }
    }
    
    func updateAnimals() {
        allAnimals.forEach { $0.showing = false }
        
        for selectedAnimal in selection {
            selectedAnimal.showing = true
        }
        
        if moc.hasChanges {
            do {
                try moc.save()
            } catch {
                print("Error saving managed object context: \(error)")
            }
        }
    }
    
}

解决方案与修改代码 #

关键修改点 #

1. 修复非EditMode下的意外选中：非编辑模式时，将List的selection绑定设为nil，禁用多选功能
2. 同步EditMode切换与选择状态：用withAnimation包裹状态更新，确保UI和选择状态同步过渡
3. 确保CoreData实体可哈希：让Animal遵循Hashable，保证Set<Animal>的选择状态准确
4. 退出EditMode后清空选择：避免旧选择状态干扰非编辑模式下的列表渲染

第一步：给Animal实体添加Hashable实现

在Animal+CoreDataClass.swift中添加：

extension Animal: Hashable {
    public static func == (lhs: Animal, rhs: Animal) -> Bool {
        return lhs.id == rhs.id
    }
    
    public func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
}

第二步：修改ContentView代码

import SwiftUI

struct ContentView: View {
    
    @Environment(\.managedObjectContext) var moc
    @FetchRequest(
        entity: Animal.entity(),
        sortDescriptors: [NSSortDescriptor(keyPath: \Animal.name, ascending: true)]
    ) var allAnimals: FetchedResults<Animal>

    @State private var selection = Set<Animal>()
    @State var mode: EditMode = .inactive

    var animals: [Animal] {
        if mode == .active {
            return Array(allAnimals)
        } else {
            return allAnimals.filter { $0.showing }
        }
    }
    
    var body: some View {
        NavigationView {
            // 非编辑模式下禁用selection绑定，避免意外选中
            List(selection: mode == .active ? $selection : nil) {
                ForEach(animals, id: \.self) { animal in
                    NavigationLink(destination: Text("Detail View")) {
                        Label(animal.name!, systemImage: animal.symbol ?? "folder")
                    }
                    .listRowBackground(mode == .active ? Color(UIColor.secondarySystemGroupedBackground) : nil)
                }
            }
            .onChange(of: mode) { newMode in
                withAnimation { // 同步动画确保UI和状态一致
                    if newMode == .active {
                        // 提前设置选择状态，确保条目滑入时已勾选
                        selection = Set(allAnimals.filter { $0.showing })
                    } else {
                        updateAnimals()
                        // 清空选择集合，避免非编辑模式下残留选中状态
                        selection.removeAll()
                    }
                }
            }

            .navigationTitle("Animals")

            .safeAreaInset(edge: .bottom) {
                Button(action: {
                    let lion = Animal(context: moc)
                    lion.name = "Lion"
                    lion.symbol = "01.circle"
                    lion.showing = true
                    lion.id = UUID()

                    let tiger = Animal(context: moc)
                    tiger.name = "Tiger"
                    tiger.symbol = "02.circle"
                    tiger.showing = true
                    tiger.id = UUID()

                    let zebra = Animal(context: moc)
                    zebra.name = "Zebra"
                    zebra.symbol = "03.circle"
                    zebra.showing = true
                    zebra.id = UUID()

                    let elephant = Animal(context: moc)
                    elephant.name = "Elephant"
                    elephant.symbol = "04.circle"
                    elephant.showing = true
                    elephant.id = UUID()

                    let giraffe = Animal(context: moc)
                    giraffe.name = "Giraffe"
                    giraffe.symbol = "05.circle"
                    giraffe.showing = true
                    giraffe.id = UUID()

                    try? moc.save()
                }, label: {
                    Label("Add animals", systemImage: "plus.circle")
                })
                .buttonStyle(.plain)
                .foregroundColor(.accentColor)
                .padding()
                .frame(maxWidth: .infinity, alignment: .leading)
            }

            .toolbar {
                ToolbarItem(placement: .topBarTrailing) {
                    EditButton()
                }                  
            }

            .environment(\.editMode, $mode)
        }
    }
    
    func updateAnimals() {
        allAnimals.forEach { $0.showing = false }
        
        for selectedAnimal in selection {
            selectedAnimal.showing = true
        }
        
        if moc.hasChanges {
            do {
                try moc.save()
            } catch {
                print("Error saving managed object context: \(error)")
            }
        }
    }
    
}

效果说明 #

• 进入EditMode时，所有条目滑入的同时，showing为true的条目会同步显示勾选状态
• 退出EditMode时，CoreData更新后列表平滑切换到仅显示选中条目，无跳变
• 非EditMode下无法选中条目，避免意外修改showing属性

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