• 2023/7/3
• 4分

【Swift UI】ColorPickerの実装方法と使い方！色の選択

＼ アプリをリリースしました ／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

公式リファレンス：ColorPicker構造体

Swift UIで色を選択できるColorPicker構造体の実装方法をまとめていきます。

ColorPicker構造体とは？

struct ColorPicker<Label> where Label : View

Swift UIで色を選択できるPickerを実装するにはColorPicker構造体を使用します。引数にはラベルとして表示するための文字列と選択されたColorが格納される変数をバインディングします。

struct ContentView: View {
    
    @State  private var selectColor = Color.white
    
    var body: some View {
        ColorPicker("Color Picker", selection: $selectColor)
    }
}

ラベルを非表示にする

ラベルを非表示にするにはlabelsHiddenモディファイアを使用します。

ColorPicker("Color Picker", selection: $selectColor)
    .labelsHidden()

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。