LoginSignup
2
4

More than 1 year has passed since last update.

【Swift】iOS14で追加された、ColorPicker(色を簡単に選択できるやつ)使ってみた[SwiftUI]

Last updated at Posted at 2020-10-08

iOS14から導入されたColorPicker
今までPickerViewやSliderを自前で実装して、色選択機能等を、
実装していたかもしれませんが凄くお手軽にできるようになってしまいました。

環境

  • Xcode: 12.0
  • Swift5

実装例

選択した色が背景色となるようにしています。

struct ContentView: View {
    @State private var color = Color.white
    var body: some View {
        ZStack{
            color
                .edgesIgnoringSafeArea(.all)
            ColorPicker(selection: $color, label: {
                Text("SelectColor")
            })
            .padding()
            .onChange(of: color, perform: { value in
                print(color)
            })
        }
    }
}

以上でColorPickerを追加することが可能です。
色選択時の変更はonChangeでハンドリングすることができます。この辺は普通のPickerと同じですかね。

動作

colorpicker480.gif

2
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
4