SwiftUI：如何基于自定义Color扩展创建指定格式的颜色数组？

核心问题1：可选绑定逻辑错误 #

你的country是非可选类型的@State private var country: Country，但代码中错误使用了if let colors = country?.colors——多余的country?会导致逻辑判断异常：

• 若country.colors是[String]（非可选）：这个if let会直接跳过，循环完全不执行，colorViews始终为空数组。
• 若country.colors是[String]?（可选）：正确写法应为if let colors = country.colors，去掉多余的?。

修正后的onAppear代码：

.onAppear {
    print(self.country.colors) // ["#ff0000", "#ff0001"]
  
    // 情况1：country.colors为非可选[String]
    for color in country.colors {
        colorViews.append(Color(hex: color)) // color本身是String，无需String(color)
    }
  
    // 情况2：country.colors为可选[String]?
    // if let colors = country.colors {
    //     for color in colors {
    //         colorViews.append(Color(hex: color))
    //     }
    // }
  
    print("XXX", colorViews)
}

核心问题2：对Color实例打印描述的误解 #

即便正确生成了Color实例数组，SwiftUI的Color默认调试输出不会显示你自定义的hex初始化格式，而是输出内部色彩组件的标准描述，比如：

XXX [Color.sRGB(red: 1.0, green: 0.0, blue: 0.0, opacity: 1.0), Color.sRGB(red: 1.0, green: 0.0, blue: 0.00392156862745098, opacity: 1.0)]

这并不代表数组里是字符串，而是Color实例的默认调试表现。如果想要打印出你期望的Color(hex: "#xxx")格式，可以给Color扩展添加CustomStringConvertible协议：

extension Color: CustomStringConvertible {
    public var description: String {
        let uiColor = UIColor(self)
        var r: CGFloat = 0, g: CGFloat = 0, b: CGFloat = 0, a: CGFloat = 0
        uiColor.getRed(&r, green: &g, blue: &b, alpha: &a)
        
        let hexFormat = a == 1 ? "#%02lX%02lX%02lX" : "#%02lX%02lX%02lX%02lX"
        let hex = String(format: hexFormat, 
                        lroundf(Float(r*255)), 
                        lroundf(Float(g*255)), 
                        lroundf(Float(b*255)),
                        lroundf(Float(a*255)))
        return "Color(hex: \"\(hex)\")"
    }
}

添加后，打印colorViews就会输出你想要的格式：

XXX [Color(hex: "#FF0000"), Color(hex: "#FF0001")]

额外优化：Color扩展的潜在问题 #

你的hex初始化器未处理短格式十六进制（比如#RGB或#RGBA），如果需要支持这类场景，可以补充对应逻辑，将短格式自动转换为标准的6/8位格式。

内容的提问来源于stack exchange，提问作者mrJuei3l