SwiftUI MVVM 我不知道为什么它没有被重绘

Question

我在 viewModel 中将模型作为数组进行管理并更改模型的属性。

我不知道为什么视图不会随着模型属性的变化而变化。

非常感谢您的建议和反馈。

这是代码：

型号

class RoutineUnit: Identifiable, Equatable {
    
    static func == (lhs: RoutineUnit, rhs: RoutineUnit) -> Bool {
        return lhs.id == rhs.id
    }
    
    
    let id: String
    var title: String
    var isSelected: Bool
    var targetTask: RoutineUnitTask
    var tags: [RoutineUnitTag?]
    var tipComment: String
}

视图模型

class RoutineDetailViewModel: ObservableObject {
    @Published var routineUnits: [RoutineUnit]

 func toggleSelection(for unitID: String) {
        if let index = routineUnits.firstIndex(where: { $0.id == unitID }) {
             routineUnits[index].isSelected.toggle()
        }
    }

}

查看

struct RoutineUnitView: View {
    
    @ObservedObject var viewModel: RoutineDetailViewModel
    
    var unitID: String
    
    var body: some View {
        if let routineUnit = viewModel.getRoutineUnitByID(unitID) {
            RoundedRectangle(cornerRadius: 10)
                .fill(Color.white)
                .overlay {
                   ...
                }
                .frame(height: 84)
                .onTapGesture {
                    withAnimation(.spring) {
                        if(viewModel.isEditingEnabled) {
                            viewModel.toggleSelection(for: unitID)
                        }
                    }
                }
        }
    }
}

viewModel.toggleSelection(for: unitID)即使它显然正在运行，视图也不会重绘。也许我不懂mvvm？

Answer 1

看，MVVM 意味着你有 ViewModel 和 View。查看订阅 ViewModel 更新/更改。 在你的例子中：

• 你应该有容器视图，根据 viewModel 项目显示 UI

struct ContentView: View {
    @ObservedObject var viewModel = RoutineDetailViewModel()
    var body: some View {
        List(viewModel.routineUnits) { unit in
            RoutineUnitView(unit: unit)
        }
    }
}

• 带有数据模拟的 ViewModel 简单示例

class RoutineDetailViewModel: ObservableObject {
    @Published var routineUnits: [RoutineUnit] = []
    
    init() {
        routineUnits = [
            .init(id: "1", isSelected: false),
            .init(id: "12", isSelected: false),
            .init(id: "123", isSelected: false),
            .init(id: "1234", isSelected: false),
            .init(id: "12345", isSelected: false),
            .init(id: "123456", isSelected: false),
            .init(id: "1234567", isSelected: false),
            .init(id: "12345678", isSelected: false)
        ]
    }
}

• 您将 viewModel 项实体传递给子视图，稍后您可以在其中修改它

struct RoutineUnitView: View {
    // if you want yo modify property inside View you should to mark it @State
    @State var unit: RoutineUnit
    var body: some View {
        RoundedRectangle(cornerRadius: 10)
            .fill(unit.isSelected ? .green :.white)
            .frame(height: 84)
            .overlay {
                VStack {
                    Text($unit.id)
                }
            }
            .onTapGesture {
                withAnimation {
                    unit.isSelected = true
                }
            }
    }
}

也不想注意到最好将模型创建为结构（而不是类对象）。在您的初始代码中 RoutineUnit 是 class

struct RoutineUnit: Identifiable {
    var id: String
    var isSelected: Bool
}

要了解有关 SwiftUI 中的 MVVM 的更多信息，您可以访问：

• https://www.hackingwithswift.com/books/ios-swiftui/introducing-mvvm-into-your-swiftui-project