如何检测SwiftUI Color Picker的关闭状态？

要实现仅在ColorPicker面板关闭后才更新最终颜色，而非滑块拖动时实时更新，核心思路是用临时变量暂存编辑中的颜色，在面板关闭时再同步到目标属性，具体实现如下：

方案一：使用Sheet展示ColorPicker（兼容iOS14+） #

通过Sheet弹出ColorPicker，利用Sheet的onDismiss回调在面板关闭时同步颜色：

struct ColorUpdateDemo: View {
    // 最终要更新的目标颜色
    @State private var finalColor: Color = .blue
    // 临时存储编辑中的颜色
    @State private var editingColor: Color = .blue
    @State private var showPicker = false
    
    var body: some View {
        VStack(spacing: 30) {
            // 展示最终颜色
            Circle()
                .fill(finalColor)
                .frame(width: 120, height: 120)
            
            Button("打开颜色选择器") {
                // 打开前同步当前最终颜色到临时变量
                editingColor = finalColor
                showPicker = true
            }
            .buttonStyle(.borderedProminent)
        }
        // 用Sheet弹出ColorPicker
        .sheet(isPresented: $showPicker, onDismiss: {
            // 面板关闭时，将临时颜色同步到最终属性
            finalColor = editingColor
        }) {
            ColorPicker("选择颜色", selection: $editingColor, supportsOpacity: true)
                .padding(20)
                .presentationDetents([.medium])
        }
    }
}

方案二：使用ConfirmationDialog（iOS15+） #

如果偏好系统原生的弹窗样式，可结合confirmationDialog的onDismiss回调：

struct ColorUpdateDemo: View {
    @State private var finalColor: Color = .blue
    @State private var editingColor: Color = .blue
    @State private var showPicker = false
    
    var body: some View {
        VStack(spacing: 30) {
            Circle()
                .fill(finalColor)
                .frame(width: 120, height: 120)
            
            Button("打开颜色选择器") {
                editingColor = finalColor
                showPicker = true
            }
            .buttonStyle(.borderedProminent)
        }
        .confirmationDialog("选择颜色", isPresented: $showPicker, onDismiss: {
            finalColor = editingColor
        }) {
            ColorPicker("", selection: $editingColor, supportsOpacity: true)
        }
    }
}

为什么原来的onChange方案不适用？ #

直接将ColorPicker的selection绑定到目标属性并通过onChange监听时，滑块拖动的每一次颜色变化都会触发绑定值更新，进而触发onChange回调。而通过临时变量+关闭回调的方式，能确保只有用户完成编辑并关闭面板后，才会将最终选择的颜色同步到目标属性，完全符合你的需求。

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