SwiftUI：使用资产目录中的颜色集

Question

在 SwiftUI 中，我们可以使用以下命令从资产目录中的颜色集中获取颜色：

extension Color {
    static let coral = Color("coral")
}

这需要字符串类型的名称，并且对于许多颜色集变得非常乏味。 是否有另一种获取颜色集的方法，类似于我们使用图像文字从资产目录中获取图像的方式？ 或者，只是一些不那么多余的东西。

如果不是，如何在 SwiftUI 中以编程方式创建动态颜色？ 例如，这就是它在 UIKit 中的完成方式：

extension UIColor {
    static let dynamicColor = UIColor { $0.userInterfaceStyle == .dark ? .black : .white }
}

Answer 1

我想分享一种在资产目录中定义动态颜色的替代方法，但不需要编写繁琐的代码

Color("yellow")

1. 像往常一样在资产目录中定义你的颜色

2. 在您的代码中，找到一个将您的颜色定义为变量的位置，在我的情况下，它将是这样的：

extension Color {
    static let ui = Color.UI()
    
    struct UI {
         let yellow = Color("yellow")
    }
}

3. 完成

像这样使用你的颜色：

Text("Hello").background(Color.ui.yellow)

这只需要在代码中编写硬编码颜色 1 次。

Answer 2

如果不是，如何在 SwiftUI 中以编程方式创建动态颜色？ 例如，这就是它在 UIKit 中的完成方式：

这几乎是一样的：

extension Color {
    static let dynamicColor = Color(UIColor { traitCollection in
        return traitCollection.userInterfaceStyle == .dark ? .black : .white
    })
}

备份

Answer 3

将扩展添加到Color是最简单的

extension Color {
    static let primary = Color("Primary")
    static let secondary = Color("Secondary")
}

然后它很容易使用

Text("My Primary Color")
     .foregroundColor(.primary)

如果您需要将其用作UIColor ，则在 UIColor 上进行扩展并将实现更改为

Text("My Primary UIColor")
     .foregroundColor(Color(uiColor: .primary))

Answer 4

我很确定苹果会把这个留给开发者。 例如，您可以为 SwiftUI 颜色编写自定义SwiftGen （或稍等）模板。 https://github.com/SwiftGen/SwiftGen#colors

Answer 5

这是另一种方法：

import SwiftUI

enum AssetsColor : String
{
    case assetColorA
    case assetColorB
}

extension Color
{
    static func uiColor(_ name: AssetsColor) -> Color
    {
        return Color(name.rawValue)
    }
}

...

.backgroundColor(Color.uiColor(.assetColorA))