如何设置SwiftUI中ColorPicker的默认颜色？

标准SwiftUI的ColorPicker拥有一组默认颜色，如下所示：

作为开发者，该如何设置或修改这些默认颜色？

SwiftUI本身并没有直接提供修改ColorPicker默认颜色面板的API，不过可以通过两种方式实现自定义默认颜色的需求：

1. 自定义颜色选择面板替代原生组件 #

如果需要完全自定义默认颜色组，可以自己实现一个颜色选择视图，搭配原生的ColorPicker或者单独的颜色选择逻辑：

struct CustomColorPicker: View {
    @Binding var selectedColor: Color
    
    // 自定义默认颜色组
    let defaultColors: [Color] = [.red, .green, .blue, .yellow, .purple, .orange, .pink, .gray]
    
    var body: some View {
        VStack {
            // 自定义默认颜色行
            HStack {
                ForEach(defaultColors, id: \.self) { color in
                    Circle()
                        .fill(color)
                        .frame(width: 30, height: 30)
                        .border(selectedColor == color ? .black : .clear, width: 2)
                        .onTapGesture {
                            selectedColor = color
                        }
                }
            }
            
            // 保留原生的全颜色选择器
            ColorPicker("选择更多颜色", selection: $selectedColor)
                .padding(.top)
        }
        .padding()
    }
}

// 使用示例
struct ContentView: View {
    @State private var selectedColor = Color.red
    
    var body: some View {
        CustomColorPicker(selectedColor: $selectedColor)
    }
}

2. 利用UIKit的UIColorPickerViewController进行自定义 #

如果想基于原生的颜色选择器修改默认颜色，可以通过UIViewRepresentable桥接UIKit的UIColorPickerViewController，它支持设置初始选中颜色，还能结合代理实现更多自定义逻辑：

struct CustomUIKitColorPicker: UIViewControllerRepresentable {
    @Binding var selectedColor: Color
    // 自定义预设颜色组
    let presetColors: [UIColor] = [.systemRed, .systemGreen, .systemBlue, .systemYellow, .systemPurple, .systemOrange, .systemPink, .systemGray]
    
    func makeUIViewController(context: Context) -> UIColorPickerViewController {
        let picker = UIColorPickerViewController()
        picker.selectedColor = UIColor(selectedColor)
        picker.supportsAlpha = true
        picker.delegate = context.coordinator
        return picker
    }
    
    func updateUIViewController(_ uiViewController: UIColorPickerViewController, context: Context) {
        uiViewController.selectedColor = UIColor(selectedColor)
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UIColorPickerViewControllerDelegate {
        let parent: CustomUIKitColorPicker
        
        init(_ parent: CustomUIKitColorPicker) {
            self.parent = parent
        }
        
        func colorPickerViewControllerDidSelectColor(_ viewController: UIColorPickerViewController) {
            parent.selectedColor = Color(viewController.selectedColor)
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var selectedColor = Color.red
    @State private var showPicker = false
    
    var body: some View {
        Button("选择颜色") {
            showPicker = true
        }
        .sheet(isPresented: $showPicker) {
            CustomUIKitColorPicker(selectedColor: $selectedColor)
        }
    }
}

需要注意的是，原生SwiftUI的ColorPicker并没有暴露修改默认颜色面板的接口，所以以上两种方式是目前可行的解决方案。前者更灵活，可完全自定义默认颜色组；后者基于UIKit扩展，更贴近原生系统体验。

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