Swift SwiftUI相关

在 SwiftUI 中，@State 和 @Binding 是用于管理视图状态的核心属性包装器，它们有不同的使用场景和目的。以下是它们的区别，以及与其他常见属性包装器的对比：

1. @State

用途：管理视图内部的私有状态（值类型）。
特点：
- 用于存储简单的值类型数据（如 Bool、Int、String 等）。
- 当 @State 修饰的值改变时，视图会自动重新渲染。
- 只能在视图内部修改，子视图无法直接修改父视图的 @State。

示例：

struct MyView: View {
    @State private var isOn = false // 私有状态
  
    var body: some View {
        Toggle("开关", isOn: $isOn) // 使用 $ 符号绑定
    }
}

2. @Binding

用途：在父子视图之间共享状态，允许子视图修改父视图的状态。
特点：
- 本质是对 @State 或其他状态属性的双向绑定引用。
- 子视图通过 @Binding 接收父视图的状态，并可以修改它。

示例：

struct ParentView: View {
    @State private var isOn = false
  
    var body: some View {
        ChildView(isOn: $isOn) // 传递绑定
    }
}

struct ChildView: View {
    @Binding var isOn: Bool // 通过绑定接收
  
    var body: some View {
        Toggle("子视图开关", isOn: $isOn)
    }
}

3. @ObservedObject

用途：监听外部引用类型（如 class）的状态变化。
特点：
- 必须配合 ObservableObject 协议使用。
- 当对象的 @Published 属性变化时，视图会更新。
- 不持有对象所有权，需由外部传入。

示例：

class UserSettings: ObservableObject {
    @Published var isDarkMode = false
}

struct MyView: View {
    @ObservedObject var settings: UserSettings
  
    var body: some View {
        Toggle("深色模式", isOn: $settings.isDarkMode)
    }
}

4. @StateObject

用途：与 @ObservedObject 类似，但持有对象所有权。
特点：
- 在视图生命周期内保持对象存活（避免重复创建）。
- 适用于需要长期持有的 ObservableObject。

示例：

struct MyView: View {
    @StateObject private var settings = UserSettings() // 初始化并持有
  
    var body: some View {
        Toggle("深色模式", isOn: $settings.isDarkMode)
    }
}

5. @EnvironmentObject

用途：通过环境全局共享数据。
特点：
- 数据在整个视图层级中自动传递，无需显式传递。
- 必须确保对象已注入到环境中（如父视图使用 .environmentObject()）。

示例：

// 父视图注入环境对象
ParentView()
    .environmentObject(UserSettings())

// 子视图直接访问
struct ChildView: View {
    @EnvironmentObject var settings: UserSettings
  
    var body: some View {
        Toggle("深色模式", isOn: $settings.isDarkMode)
    }
}

6. @Environment

用途：访问系统或自定义环境值（如颜色方案、布局方向）。
特点：
- 读取环境中的键值对（如 \.colorScheme）。
- 可通过 EnvironmentValues 扩展自定义环境值。

示例：

struct MyView: View {
    @Environment(\.colorScheme) var colorScheme
  
    var body: some View {
        Text(colorScheme == .dark ? "深色模式" : "浅色模式")
    }
}

对比表格

属性包装器	适用场景	所有权	数据类型	典型用途
`@State`	视图内部私有状态	视图持有	值类型	开关状态、临时输入
`@Binding`	父子视图共享状态	无	值类型	子组件修改父组件状态
`@ObservedObject`	监听外部引用类型的状态	无	引用类型	共享数据模型
`@StateObject`	持有并监听引用类型的状态	视图持有	引用类型	长期持有的数据管理器
`@EnvironmentObject`	全局环境共享数据	环境持有	引用类型	用户设置、全局配置
`@Environment`	访问系统或自定义环境值	无	任意类型	读取颜色方案、布局方向

使用原则

优先使用 @State
简单的视图内部状态优先用 @State。
共享状态用 @Binding
需要子视图修改父视图状态时使用。
引用类型用 @StateObject 或 @ObservedObject
根据是否需要持有所有权选择。
全局共享用 @EnvironmentObject
避免多层传递参数的场景。

通过合理选择属性包装器，可以高效管理 SwiftUI 应用的状态和数据流。

在 SwiftUI 中，Combine 是处理异步事件和数据流的核心框架，它通过声明式响应编程实现了数据与 UI 的自动同步。以下从基础到实践详细说明其用法：

一、Combine 核心概念与 SwiftUI 结合

Publisher 与 Subscriber

Publisher: 数据源的抽象（如用户输入、网络请求），通过 @Published 属性包装器标记可观察属性。
Subscriber: 订阅 Publisher 的变化（如 SwiftUI 视图），通过 sink 或 assign 接收数据。

class ViewModel: ObservableObject {
    @Published var username: String = ""
}

struct ContentView: View {
    @ObservedObject var viewModel = ViewModel()
    var body: some View {
        TextField("Username", text: $viewModel.username)
    }
}

ObservableObject 协议
- 通过 @ObservedObject 或 @EnvironmentObject 将 ViewModel 绑定到视图，当 @Published 属性变化时触发 UI 更新。

二、常见应用场景

1. 实时处理用户输入

使用 debounce 和 removeDuplicates 优化输入响应：

class SearchViewModel: ObservableObject {
    @Published var query: String = ""
    @Published var results: [String] = []
    private var cancellables = Set<AnyCancellable>()

    init() {
        $query
            .debounce(for: .seconds(0.5), scheduler: RunLoop.main)
            .removeDuplicates()
            .sink { [weak self] in self?.search($0) }
            .store(in: &cancellables)
    }

    private func search(_ query: String) {
        // 发起网络请求或本地搜索
    }
}

2. 网络请求

使用 URLSession.dataTaskPublisher 处理异步请求：

class NetworkService {
    func fetchData() -> AnyPublisher<[DataModel], Error> {
        URLSession.shared.dataTaskPublisher(for: url)
            .map(\.data)
            .decode(type: [DataModel].self, decoder: JSONDecoder())
            .receive(on: DispatchQueue.main) // 确保在主线程更新 UI
            .eraseToAnyPublisher()
    }
}

// 在 ViewModel 中调用
networkService.fetchData()
    .sink(receiveCompletion: { _ in }, 
          receiveValue: { [weak self] data in
              self?.results = data
          })
    .store(in: &cancellables)

3. 定时器与周期性任务

使用 Timer.publish 创建定时任务：

$timer = Timer.publish(every: 1, on: .main, in: .common)
    .autoconnect()
    .sink { _ in
        self.updateTime()
    }

三、关键操作符与线程管理

常用操作符
- map/filter: 转换或过滤数据。
- combineLatest: 合并多个 Publisher 的最新值。
- merge/zip: 合并或配对多个事件流。
- catch: 错误处理，替换错误或重试。
切换线程
- 使用 subscribe(on:) 指定订阅发生的线程（如后台线程）。
- 使用 receive(on:) 确保 UI 更新在主线程：
```
somePublisher
    .subscribe(on: DispatchQueue.global())
    .receive(on: DispatchQueue.main)
```

四、内存管理与生命周期

AnyCancellable
- 使用 store(in: &cancellables) 存储订阅，确保在对象释放时自动取消订阅。
视图生命周期
- 在 .onAppear 中启动订阅，在 .onDisappear 中取消（通过 cancellables.removeAll()）。

五、与 SwiftUI 视图的深度集成

onReceive 修饰符

直接在视图中订阅 Publisher：

struct ContentView: View {
    @StateObject var viewModel = ViewModel()
    
    var body: some View {
        Text("Count: \(viewModel.count)")
            .onReceive(viewModel.timerPublisher) { _ in
                viewModel.incrementCount()
            }
    }
}

@StateObject vs @ObservedObject
- @StateObject 用于视图持有的 ViewModel，生命周期与视图一致。
- @ObservedObject 用于外部传入的 ViewModel。

六、最佳实践

分离逻辑与视图
- 将业务逻辑封装在 ViewModel 中，视图仅负责渲染。
避免强引用循环
- 在闭包中使用 [weak self]。
单元测试
- 使用 TestScheduler（来自 Combine Schedulers）模拟时间相关的测试。

总结

Combine 在 SwiftUI 中通过响应式数据流简化了状态管理，使异步代码更易维护。核心在于合理使用 Publisher、Subscriber 和操作符，结合 SwiftUI 的生命周期管理数据订阅。这种模式在复杂 UI 交互（如搜索、表单验证、实时更新）中尤其高效。