如何在 SwiftUI / Swift5.5 中以编程方式从 Xcode 13 获取资产目录颜色变体？

Question

我在 Xcode 13 中有一个颜色资产目录，它定义了一组浅色（“任意”）和深色（“深色”）变体的颜色。例如：

我想以编程方式枚举不同的颜色，也就是说，我想获得两种变体的颜色 (Color("hkMagenta"))。只需按名称获取它 returns“任何”变体。

我怎样才能得到深色版本？

我原以为这会奏效：

ColorManager.hkMagenta.environment(\.colorScheme, .dark)

不幸的是，no-go...

Cannot convert value of type 'some View' to expected element type 'Array<Color>.ArrayLiteralElement' (aka 'Color')

有什么想法吗？

Answer 1

您可以根据需要为每个视图指定 .colorScheme

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack(spacing: 20){
            Text("Light Magenta color from asset")
                .font(.headline)
                .foregroundColor(Color("hkMagenta"))
                .environment(\.colorScheme, .light) //ColoScheme
            
            Text("Dark Magenta color from asset")
                .font(.headline)
                .foregroundColor(Color("hkMagenta"))
                .environment(\.colorScheme, .dark) //ColoScheme
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

Answer 2

感谢@Asperi 指出。

TL;DR 是，您可以使用 UIColor.resolvedColor() 获得明暗变体，如下所示：

let c = Color(UIColor(named: "hkMagenta")!.resolvedColor(with: UITraitCollection(userInterfaceStyle: .dark)))

如何在 SwiftUI / Swift5.5 中以编程方式从 Xcode 13 获取资产目录颜色变体？

How to programmatically get asset catalog color variants from Xcode 13 in SwiftUI / Swift5.5?

color-scheme

ios

swiftui

swift5.5

xcode13