SwiftUI Picker第二组初始化方法用途及选中项获取咨询

嘿，这个Picker的初始化方法确实容易让人困惑——它的设计目的其实是批量修改集合中多个元素的指定属性，而不是像普通Picker那样选择单个选项并绑定到一个状态变量。让我一步步帮你理清：

先搞懂这个特殊Picker的作用 #

这个Picker(_ title: String, sources: Binding<[Element]>, selection: KeyPath<Element, Value>)初始化方法，核心逻辑是：

• sources绑定的是一个元素集合（比如你的selectedObjectBorders数组）
• selection传入的键路径，指向你要批量修改的元素属性（比如\.thickness）
• 当你在Picker中选择一个选项时，它会自动把集合里所有元素的该属性值更新为你选中的选项值

所以它不是用来“选择单个项”的，而是用来“给一批元素统一设置属性”的。

怎么获取当前选中的属性值？ #

分两种情况处理：

情况1：集合中所有元素的目标属性值已经统一 #

这时候你直接取集合中任意一个元素的对应属性即可，比如：

// 获取当前选中的厚度（假设所有Border的thickness已经一致）
if let currentThickness = selectedObjectBorders.first?.thickness {
    Text("当前选中的厚度：\(currentThickness.rawValue)")
}

情况2：集合中元素的目标属性值不一致 #

这时候Picker会默认显示第一个选项，但实际上没有“统一的选中值”。如果你需要明确跟踪Picker的选中状态（不管集合元素的属性是否一致），可以额外维护一个状态变量，同时通过onChange同步更新集合元素：

修改你的代码如下：

import SwiftUI

enum Thickness: String, CaseIterable, Identifiable {
   case thin
   case regular
   case thick

    var id: String { rawValue }
}

struct Border: Identifiable, Hashable {
    var color: Color
    var thickness: Thickness
    let id = UUID()
}

extension Color{
    func colorName() -> String{
        switch self {
        case .black: return "black"
        case .red: return "red"
        default: return "UNHANDLED"
        }
    }
}

struct CLCPickers_selection_FromCollection_View: View {
    @State private var selectedObjectBorders = [
        Border(color: .black, thickness: .thin),
        Border(color: .red, thickness: .thick)
    ]
    // 新增状态变量跟踪Picker的选中值
    @State private var currentSelectedThickness: Thickness = .thin

    var body: some View {
        VStack{
            Picker(
                "Border Thickness",
                sources: $selectedObjectBorders,
                selection: \.thickness
            ) {
                ForEach(Thickness.allCases, id: \.self) { thickness in
                    Text(thickness.rawValue)
                        .tag(thickness) // 加上tag消除警告
                }
            }
            // 监听集合变化，同步选中状态
            .onChange(of: selectedObjectBorders) { newBorders in
                let allThicknesses = newBorders.map(\.thickness)
                if let first = allThicknesses.first, allThicknesses.allSatisfy({ $0 == first }) {
                    currentSelectedThickness = first
                }
            }

            // 显示当前选中值
            Text("当前Picker选中的厚度：\(currentSelectedThickness.rawValue)")
                .padding()

            Divider()

            List(selectedObjectBorders) { border in
                Text("\(border.color.colorName()) - 厚度：\(border.thickness.rawValue)")
            }
        }
        .padding()
    }
}

额外提示 #

• 一定要给Picker的选项加上.tag(thickness)，否则会出现你遇到的“selection无效”警告
• 这个Picker最适合的场景是多选编辑：比如在List的编辑模式下选中多个Border，然后用这个Picker统一设置它们的厚度，这时候集合里的元素属性会被批量更新，你可以通过集合元素的属性来确认当前的设置值

内容的提问来源于stack exchange，提问作者brian.clear