[SwiftUI]カラーピッカーを表示するには？

どうも、ちょげ(@chogetarou)です。

色を選択するためのカラーピッカーを表示する方法を紹介します。

方法

カラーピッカーを表示するには、ColorPickerビューを使います。

まず、選択した色を保持する変数を用意します。

@State var selectedColor = color

そして、ColorPickerを配置します。

ColorPickerの第１引数にはラベル、第２引数「selection」には変数の参照を指定します。

ColorPicker("ラベル", selection : $selectedColor)

ColorPickerビューを使うことで、カラーピッカーを表示することができます。

ColorPicker("ラベル", selection : $selectedColor,supportsOpacity: false)

使用例

struct ContentView: View {
    
    @State var selectedColor = Color.red
    
    var body: some View {
        VStack {
            ColorPicker("Select Color", selection : $selectedColor)
                .padding()
        }
    }
}

[SwiftUI]DatePickerのラベルの色を変えるには？

DatePickerのラベルの色を変える方法を紹介します。

www.choge-blog.com

2022.02.20

[SwiftUI]DatePickerを日本語化するには？

DatePickerを日本語化する方法を紹介します。

www.choge-blog.com

2022.02.20

[SwiftUI]DatePickerのデフォルトの背景色を変えるには？

DatePickerのデフォルトの背景色を変える方法を紹介します。

www.choge-blog.com

2022.02.19

[SwiftUI]DatePickerをカレンダーにするには？

DatePickerをカレンダーにする方法を紹介します。

www.choge-blog.com

2022.02.19