【SwiftUI】ColorPickerを使ってみた

はじめに

ColorPickerというUIコンポーネントの存在は知っていたのですが、
今まで使う機会がなかったので試しに使ってみます。

iOSのでの見た目

macOSでの見た目

基本的な使い方

import SwiftUI

struct ContentView: View {
    @State var color: Color = .red
    var body: some View {
        ColorPicker(selection: $color) {
            Text("ColorPicker")
        }
    }
}

カスタマイズ

ラベルを消す

import SwiftUI

struct ContentView: View {
    @State var color: Color = .red
    var body: some View {
        ColorPicker(selection: $color) {
            Text("ColorPicker")
        }
+       .labelsHidden()
    }
}

透明度を指定できなくする

import SwiftUI

struct ContentView: View {
    @State var color: Color = .red
    var body: some View {
+       ColorPicker(selection: $color, supportsOpacity: false) {
            Text("ColorPicker")
        }
    }
}

おわり

信じられないほど簡単ですねー
ただカスタマイズ性は低そうですね