Initializer

init(_:selection:supportsOpacity:)

Creates a color picker with a text label generated from a title string key. カラーピッカーをあるタイトル文字列キーから生成されたテキストラベルで作成します。

Declaration 宣言

init(_ titleKey: LocalizedStringKey, selection: Binding<Color>, supportsOpacity: Bool = true)
Available when Label is Text. LabelTextである時に利用可能です。

Parameters パラメータ

titleKey

The key for the localized title of the picker.

selection

A Binding to the variable that displays the selected Color. 選択されたColorを表示する変数へのBinding

supportsOpacity

A Boolean value that indicates whether the color picker allows adjustments to the selected color’s opacity; the default is true. あるブール値、それはカラーピッカーがその選択された色のもつ不透明度への調節を可能にするかどうかを指し示します;省略時はtrueです。

Discussion 議論

Use ColorPicker to create a color well that your app uses to allow the selection of a Color. ColorPickerを使って、カラーウェルを作成してください、それはあなたのアプリが使用してdwあるColorの選択をさせるものです。 The example below creates a color well using a Binding to a property stored in a settings object and title you provide:


final class Settings: ObservableObject {
    @Published var alignmentGuideColor =
        Color(.sRGB, red: 0.98, green: 0.9, blue: 0.2)
}


struct FormattingControls: View {
    @State private var settings = Settings()


    var body: some View {
        VStack {
            // Other formatting controls.
            ColorPicker("Alignment Guides",
                selection: $settings.alignmentGuideColor
            )
        }
    }
}

See Also 参照

Creating a Color Picker カラーピッカーを作成する