SwiftUI 如何让用户使用 ColorPicker 选择颜色?

10 min read

在 SwiftUI 中,可以使用 ColorPicker 视图让用户选择颜色。以下是一个使用 ColorPicker 的示例:

struct ColorPickerView: View {
    @State private var selectedColor = Color.red

    var body: some View {
        VStack {
            ColorPicker("Choose a color", selection: $selectedColor)
                .padding()
            Circle()
                .foregroundColor(selectedColor)
                .frame(width: 100, height: 100)
        }
    }
}

在此示例中,我们创建了一个名为 ColorPickerView 的视图,并定义了一个名为 selectedColor 的状态变量用于存储选择的颜色。然后,我们在 VStack 中使用 ColorPicker 视图来显示颜色选择器,并将 selectedColor 绑定到 selection 参数中以便在用户选择颜色时更新其值。

最后,我们还创建了一个名为 Circle 的视图,并根据用户选择的颜色来设置其颜色。这样,当用户选择颜色后,圆圈的颜色将自动更新以反映其选择。