SwiftUI 绑定到十六进制字符串的 ColorPicker 会导致较大的漂移

Question

我正在使用的代码库 ( https://github.com/utmapp/UTM ) 将配置存储为 plist，因此颜色值不能按原样保存。

我现在尝试实现的方法是在NSColor上使用扩展方法来转换为十六进制字符串/从十六进制字符串转换，并将其包装在 SwiftUI ColorPicker的 Binding 中。

问题是，当在选择器的轮子中更改所选颜色时，有很多“漂移”（当我更改颜色时亮度会移动，而当我将亮度移回时颜色似乎随机移动）。

这是我用于测试的代码（用于放置在 Xcode Swift Playground 中）：

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    @State private var colorHex = "#FFFFFF"
    
    private var colorBinding: Binding<Color> {
        Binding<Color> {
            Color(NSColor(hexString: colorHex)!)
        } set: { newValue in
            colorHex = NSColor(newValue).hexString!
        }
    }
    
    var body: some View {
        ZStack {
            colorBinding.wrappedValue
            
            ColorPicker("Pick a color", selection: colorBinding, supportsOpacity: true).padding()
        }
    }
}


extension NSColor {
    var hexString: String? {
        guard let rgbColor = self.usingColorSpace(.sRGB) else {
            return nil
        }
        let red = Int(rgbColor.redComponent * 255)
        let green = Int(rgbColor.greenComponent * 255)
        let blue = Int(rgbColor.blueComponent * 255)
        return String(format: "#%02X%02X%02X", red, green, blue)
    }
    
    convenience init?(hexString hex: String) {
        if hex.count != 7 { // The '#' included
            return nil
        }
            
        let hexColor = String(hex.dropFirst())
        
        let scanner = Scanner(string: hexColor)
        var hexNumber: UInt64 = 0
        
        if !scanner.scanHexInt64(&hexNumber) {
            return nil
        }
        
        let r = CGFloat((hexNumber & 0xff0000) >> 16) / 255
        let g = CGFloat((hexNumber & 0x00ff00) >> 8) / 255
        let b = CGFloat(hexNumber & 0x0000ff) / 255
        
        self.init(srgbRed: r, green: g, blue: b, alpha: 1)
    }
}

PlaygroundPage.current.setLiveView(ContentView())

Answer 1

我遇到了完全相同的问题，并且能够通过将颜色初始值设定项中的颜色空间从 .sGRB 更改为 .displayP3 来解决它。

给我的提示是 slider 选项卡上的 ColorPicker 显示类似“显示 P3 十六进制颜色代码”的内容。