SwiftUI 控件之 ColorPicker

在 SwiftUI 中，除了常见的Picker和DatePicker ，还有一个ColorPicker（颜色选择器），它在我们需要进行颜色选择时非常有用。

创建一个颜色选择器

首先，使用@State创建一个Color类型的变量作为ColorPicker选中绑定值：

1

@State var selectedOptions:Color = .red

创建ColorPicker：

1
2
3

ColorPicker(selection: $selectedOptions, label: {
            Text("选择你最喜欢的颜色")
           })

运行项目，点击的效果如下：

默认情况下，ColorPicker也支持颜色的透明度选择，如果不想用户选择颜色的透明度，可以将ColorPicker的参数supportsOpacity设置为false即可。如：

1
2
3

ColorPicker(selection: $selectedOptions, supportsOpacity: false, label: {
               Text("选择你最喜欢的颜色")
           })

此时的效果如下：

ColorPicker并不支持我们过多的进行自定义，很多场景下，我们使用它的默认样式即可。