30 Days of SwiftUI：MVVM架构在SwiftUI中的实战应用指南

30 Days of SwiftUIMVVM架构在SwiftUI中的实战应用指南【免费下载链接】30-days-of-swiftuiCreate an app with SwiftUI every few days. Yet an other 30 days of X challenge by Frad.项目地址: https://gitcode.com/gh_mirrors/30/30-days-of-swiftui30 Days of SwiftUI是一个通过每日实战项目帮助开发者掌握SwiftUI的优秀开源项目。本指南将以项目中的PlusOneSecond计时器应用为例详细介绍MVVM架构在SwiftUI开发中的核心概念、实现方法和最佳实践帮助新手快速上手这种高效的开发模式。为什么选择MVVM架构MVVMModel-View-ViewModel架构通过分离关注点解决了传统SwiftUI开发中视图与业务逻辑混杂的问题。在30 Days of SwiftUI项目中MVVM架构带来三大核心优势关注点分离视图只负责UI展示业务逻辑集中在ViewModel中可测试性独立的ViewModel便于单元测试如项目中的TimerViewModelTests.swift代码复用同一ViewModel可支持多个视图提高代码复用率MVVM架构帮助开发者构建清晰的SwiftUI应用结构MVVM架构在SwiftUI中的核心组件1. View用户界面展示层在SwiftUI中View是纯Swift结构体负责UI渲染和用户交互。以项目中的计时器应用为例struct ContentView: View { StateObject private var viewModel TimerViewModel() var body: some View { ZStack { background VStack { countdownTimer .padding(.top, Constants.timerTopPadding) .onAppear { viewModel.startTimer() } // 按钮和其他UI组件... } } } }关键特点使用StateObject持有ViewModel实例通过绑定Binding接收ViewModel的状态更新在生命周期方法中调用ViewModel的业务逻辑方法2. ViewModel业务逻辑处理层ViewModel是连接View和Model的桥梁负责处理所有业务逻辑。项目中的TimerViewModel实现如下p1-c01--plus-one-second/PlusOneSecond/ViewModels/TimerViewModel.swiftMainActor class TimerViewModel: ObservableObject { // 发布属性用于通知View更新 Published var timeCount: Double 0.0 Published var clickCount: Int 0 Published var isRunning: Bool true Published var isPaused: Bool false // 私有属性 private var timer: Timer? private let timerInterval: Double 0.1 // 计时器管理方法 func startTimer() { ... } func stopTimer() { ... } func pauseResumeTimer() { ... } func resetTimer() { ... } func addSecond() { ... } }ViewModel的核心要素遵循ObservableObject协议使用Published发布属性变化包含所有业务逻辑但不引用任何View通过方法暴露交互接口供View调用3. Model数据模型层Model负责数据的存储和处理。在PlusOneSecond项目中时间转换逻辑被封装在独立的工具类中p1-c01--plus-one-second/PlusOneSecond/Utils/ConvertTimeString.swiftfunc convertTimeString(for time: Double) - String { let minutes Int(time) / 60 let seconds Int(time) % 60 let milliseconds Int((time - Double(Int(time))) * 10) return String(format: %02d:%02d.%d, minutes, seconds, milliseconds) }从零开始实现MVVM架构的SwiftUI应用第一步创建ViewModel首先创建继承自ObservableObject的ViewModel类定义需要发布的属性和业务逻辑方法class TimerViewModel: ObservableObject { Published var timeCount: Double 0.0 private var timer: Timer? func startTimer() { timer Timer.scheduledTimer(withTimeInterval: 0.1, repeats: true) { [weak self] _ in Task { MainActor in self?.timeCount 0.1 } } } // 其他方法... }第二步构建View并关联ViewModel创建View结构体使用StateObject属性包装器初始化ViewModel并通过绑定使用ViewModel的属性struct ContentView: View { StateObject private var viewModel TimerViewModel() var body: some View { VStack { Text(\(viewModel.timeCount, specifier: %.1f)) .font(.largeTitle) Button(Start) { viewModel.startTimer() } } } }第三步实现Model层数据处理将复杂的数据处理逻辑抽离到独立的工具类或结构体中保持ViewModel的简洁struct TimeFormatter { static func formatTime(_ time: Double) - String { // 格式化逻辑... } }30 Days of SwiftUI中的MVVM最佳实践1. 使用MainActor确保UI更新在主线程在TimerViewModel中使用MainActor属性包装器确保所有UI相关的更新都在主线程执行MainActor class TimerViewModel: ObservableObject { // ... }2. 合理使用private访问控制将ViewModel中的属性和方法合理设置为private只暴露必要的接口给Viewclass TimerViewModel: ObservableObject { Published var timeCount: Double 0.0 // 公开可观察属性 private var timer: Timer? // 私有实现细节 func startTimer() { ... } // 公开接口 private func updateTimer() { ... } // 私有方法 }3. 单元测试支持项目中的测试目录包含完整的ViewModel单元测试p1-c01--plus-one-second/PlusOneSecondTests/TimerViewModelTests.swiftimport XCTest testable import PlusOneSecond class TimerViewModelTests: XCTestCase { var viewModel: TimerViewModel! override func setUp() { super.setUp() viewModel TimerViewModel() } func testAddSecond() { let initialCount viewModel.timeCount viewModel.addSecond() XCTAssertEqual(viewModel.timeCount, initialCount 1.0) } // 更多测试... }MVVM架构在其他项目中的应用除了计时器应用30 Days of SwiftUI中的其他项目也广泛采用了MVVM架构歌词应用p1-c13-️-lizhi-zhuangbi/LiZhiZhuangbi/ViewModel/LyricsListViewModel.swift动画展示p1-c14--lottie-showcase/LottieShowcase/View/ContentView.swift这些项目展示了MVVM架构在不同场景下的灵活应用从简单的计时器到复杂的列表展示和动画控制。30 Days of SwiftUI项目中的MVVM架构应用实例如何开始使用30 Days of SwiftUI学习MVVM克隆项目仓库git clone https://gitcode.com/gh_mirrors/30/30-days-of-swiftui打开PlusOneSecond项目cd p1-c01--plus-one-second open PlusOneSecond.xcodeproj重点关注以下文件View层ContentView.swiftViewModel层TimerViewModel.swift测试TimerViewModelTests.swift通过这个项目你可以直观地理解MVVM架构在SwiftUI中的实际应用并将这些经验应用到自己的项目开发中。总结MVVM架构为SwiftUI开发提供了清晰的代码组织方式通过分离视图、业务逻辑和数据模型使代码更易于维护、测试和扩展。30 Days of SwiftUI项目中的PlusOneSecond应用展示了如何简洁高效地实现MVVM架构是学习这一模式的理想案例。无论是SwiftUI新手还是有经验的开发者掌握MVVM架构都将显著提升你的应用开发质量和效率。立即开始探索30 Days of SwiftUI项目开启你的MVVM学习之旅吧掌握MVVM架构提升SwiftUI开发效率【免费下载链接】30-days-of-swiftuiCreate an app with SwiftUI every few days. Yet an other 30 days of X challenge by Frad.项目地址: https://gitcode.com/gh_mirrors/30/30-days-of-swiftui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考