カラーピッカーの
スポイドで
色を確認してたけど、
なんか、あやしい。
なんで背景色が違うんや!
【SwiftUI】Default background Color in built-in View Component
👉 https://t.co/oZqHxRGiCZ#SwiftUI #プログラミング— chanzmao (@maochanz) May 16, 2024
数値化してスッキリしたい。
🎨 Color から赤、緑、青の値を読み取る
struct ContentView: View {
@Environment(\.self) var environment
@State private var color = Color.red
@State private var resolvedColor: Color.Resolved?
var body: some View {
VStack {
ColorPicker("Select your favorite color", selection: $color)
if let resolvedColor {
Text("Red: \(resolvedColor.red)")
Text("Green: \(resolvedColor.green)")
Text("Blue: \(resolvedColor.blue)")
Text("Opacity: \(resolvedColor.opacity)")
}
}
.padding()
.onChange(of: color, initial: true, getColor)
}
func getColor() {
resolvedColor = color.resolve(in: environment)
}
}
👉 How to read the red, green, and blue values from a Color - a free SwiftUI by Example tutorial
ビルトインの ColorPicker で取得した色を数字化して表示していますね。
分かりやすい !
🎨 小数点以下3桁に丸める
ついでに、
小数点以下4桁目を丸めて3桁にして、
0で埋める。
String(format:"%0.3f", (0.123456 * 1000).rounded() / 1000)
// 0.123
👉 【Swift】2024年5月版 四捨五入と小数点と0埋め
🎨 まとめ
これらをまとめて整理しておきます。
Light / Dark 共、
数字が同じになりました。
なるほど、
Dynamic System Color というのは、
environment を見ながら色を変化させているのか !
変化させていたのだ !