WatchOS开发求助：如何用按钮批量切换所有Toggle状态

核心思路 #

SwiftUI是数据驱动UI的框架，不要试图直接遍历操作Toggle组件，只需要修改对应数据源的开关状态，UI会自动同步更新。

1. 定义Toggle对应的数据模型 #

先创建一个带标识的结构体，用来存储每个Toggle的名称和开关状态，遵循Identifiable方便列表渲染：

struct ToggleItem: Identifiable {
    let id = UUID()
    var name: String
    var isOn: Bool
}

2. 基础实现方案（新手友好） #

在View中用@State管理数据源数组，通过按钮点击批量修改数组中元素的isOn属性：

struct ContentView: View {
    // @State标记状态数组，修改时自动触发UI刷新
    @State private var toggleItems: [ToggleItem] = []
    
    var body: some View {
        VStack(spacing: 16) {
            // 批量操作按钮组
            HStack {
                Button("全部关闭") {
                    // 遍历生成新数组，将所有isOn设为false
                    toggleItems = toggleItems.map {
                        var item = $0
                        item.isOn = false
                        return item
                    }
                }
                
                Button("全部开启") {
                    // 同理，将所有isOn设为true
                    toggleItems = toggleItems.map {
                        var item = $0
                        item.isOn = true
                        return item
                    }
                }
            }
            
            // 渲染Toggle列表
            List(toggleItems) { item in
                // 通过绑定数组元素的isOn属性关联Toggle
                Toggle(item.name, isOn: $toggleItems[toggleItems.firstIndex(of: item)!].isOn)
            }
        }
        .onAppear(perform: loadData)
    }
    
    // 模拟你的数据加载逻辑
    func loadData() {
        toggleItems = [
            ToggleItem(name: "通知权限", isOn: true),
            ToggleItem(name: "定位权限", isOn: false),
            ToggleItem(name: "后台刷新", isOn: true)
        ]
    }
}

3. 进阶优化（状态分离） #

如果需要更清晰的代码结构，可使用ViewModel分离状态逻辑：

class ToggleViewModel: ObservableObject {
    // @Published标记数组，修改时自动通知View刷新
    @Published var toggleItems: [ToggleItem] = []
    
    // 数据加载方法
    func loadData() {
        toggleItems = [
            ToggleItem(name: "通知权限", isOn: true),
            ToggleItem(name: "定位权限", isOn: false),
            ToggleItem(name: "后台刷新", isOn: true)
        ]
    }
    
    // 批量关闭方法
    func setAllOff() {
        toggleItems.indices.forEach { toggleItems[$0].isOn = false }
    }
    
    // 批量开启方法
    func setAllOn() {
        toggleItems.indices.forEach { toggleItems[$0].isOn = true }
    }
}

// View中使用ViewModel
struct ContentView: View {
    @StateObject private var viewModel = ToggleViewModel()
    
    var body: some View {
        VStack(spacing: 16) {
            HStack {
                Button("全部关闭") {
                    viewModel.setAllOff()
                }
                
                Button("全部开启") {
                    viewModel.setAllOn()
                }
            }
            
            List(viewModel.toggleItems) { item in
                Toggle(item.name, isOn: $viewModel.toggleItems[viewModel.toggleItems.firstIndex(of: item)!].isOn)
            }
        }
        .onAppear(perform: viewModel.loadData)
    }
}

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