SwiftUI -选取器.onChange和didSet

基础概念

SwiftUI 是苹果推出的声明式用户界面框架，用于构建iOS、macOS、watchOS和tvOS的应用程序。它允许开发者通过描述界面的外观和行为，而不是通过命令式代码来更新界面。

选取器（Picker） 是 SwiftUI 中的一个控件，用于在多个选项之间进行选择。

onChange 是 SwiftUI 中的一个修饰符，用于监听某个状态变量的变化，并在该变量变化时执行特定的操作。

didSet 是 Swift 语言中的一个属性观察器，当属性被设置新值时会调用。它通常用于在属性值变化时执行一些副作用操作。

类型与应用场景

Picker.onChange：

类型：这是一个 SwiftUI 的修饰符，用于监听 Picker 控件的选择变化。
应用场景：适用于需要在用户选择不同选项时执行特定逻辑的场景，例如更新其他 UI 元素或执行网络请求。

didSet：

类型：这是 Swift 语言的属性观察器。
应用场景：适用于需要在属性值变化时执行副作用操作的场景，例如数据验证、日志记录或触发其他业务逻辑。

示例代码

Picker.onChange 示例

import SwiftUI

struct ContentView: View {
    @State private var selectedOption = "Option 1"
    let options = ["Option 1", "Option 2", "Option 3"]

    var body: some View {
        VStack {
            Picker("Select an option", selection: $selectedOption) {
                ForEach(options, id: \.self) { option in
                    Text(option)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
            .onChange(of: selectedOption) { newValue in
                print("Selected option changed to: \(newValue)")
                // 在这里执行其他操作，例如更新其他 UI 元素或执行网络请求
            }
        }
    }
}

didSet 示例

import SwiftUI

class ViewModel: ObservableObject {
    @Published var selectedOption = "Option 1" {
        didSet {
            print("Selected option changed to: \(selectedOption)")
            // 在这里执行其他操作，例如数据验证或触发其他业务逻辑
        }
    }

    let options = ["Option 1", "Option 2", "Option 3"]
}

struct ContentView: View {
    @StateObject private var viewModel = ViewModel()

    var body: some View {
        VStack {
            Picker("Select an option", selection: $viewModel.selectedOption) {
                ForEach(viewModel.options, id: \.self) { option in
                    Text(option)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
        }
    }
}