在 WWDC 2021 上，Apple 宣布了 SF Symbols 3，它将在 iOS 15 和 macOS 12 中支持新的多色 SF Symbols。

新的色彩渲染模式可通过图层注释增加符号的深度和强调
https://developer.apple.com/design/ human-interface-guidelines/sf-symbols/overview/ https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

在 UIKit 和 Swift 中创建这样的图像的语法是什么？

let configuration = UIImage.SymbolConfiguration(pointSize: 18, weight: .regular, scale: .large)
// set colors...?

let image = UIImage(systemName: "1.circle", withConfiguration: configuration)

如何使用新的hierarchical, palette, and multicolorUIKit 中的渲染模式？

这些新的渲染模式和颜色在 SF Symbols 3 应用程序中可见：

SwiftUI

分层的

Use the .foregroundStyle修饰符。

来自苹果： https://developer.apple.com/documentation/swiftui/symbolrenderingmode/hierarchical

SwiftUI 用前景样式填充第一层，其他层填充前景样式的二级和三级变体。您可以使用显式指定这些样式foregroundStyle(_:_:) and foregroundStyle(_:_:_:)修饰符。如果您仅指定主要前景样式，SwiftUI 会自动从该样式派生其他样式。

Image(systemName: "exclamationmark.triangle.fill")
   .symbolRenderingMode(.hierarchical)
   .foregroundStyle(Color.purple)
  

Palette

Use the .foregroundStyle以 2 或 3 种颜色作为参数的修改器。

来自苹果： https://developer.apple.com/documentation/swiftui/symbolrenderingmode/palette

在此模式下，SwiftUI 将图像中每个连续定义的图层映射到前景样式的下一个主要、次要和第三变体。您可以使用显式指定这些样式foregroundStyle(_:_:) and foregroundStyle(_:_:_:)修饰符。如果您仅指定主要前景样式，SwiftUI 会自动从该样式派生其他样式。

Image(systemName: "exclamationmark.triangle.fill")
   .symbolRenderingMode(.palette)
   .foregroundStyle(Color.yellow, Color.cyan) 
  

多色的

Use the .foregroundColor具有 1 种颜色的修饰符，以及.renderingMode(original).

来自苹果： https://developer.apple.com/documentation/swiftui/image/renderingmode(_:)

多色行为是通过使用原始模板渲染模式以及蓝色前景色来实现的。此模式使图形覆盖图像的独特部分的前景色。

Image(systemName: "person.crop.circle.badge.plus")
    .renderingMode(.original)
    .foregroundColor(.blue)
  

UIKit

分层的

Use the UIImage.SymbolConfiguration(hierarchicalColor:)初始化程序。

来自苹果： https://developer.apple.com/documentation/uikit/uiimage/symbolconfiguration/3810053-init

let config = UIImage.SymbolConfiguration(hierarchicalColor: [.systemTeal])
imageView.image = image.applyingSymbolConfiguration(config)
  

Palette

Use the UIImage.SymbolConfiguration(paletteColors:)初始化器和两个或三个调色板颜色。

来自苹果： https://developer.apple.com/documentation/uikit/uiimage/symbolconfiguration/3810054-init

let config = UIImage.SymbolConfiguration(paletteColors: [.systemTeal, .systemGray])
imageView.image = image.applyingSymbolConfiguration(config)
  

多色的

Use the UIImage.SymbolConfiguration(hierarchicalColor:)初始化器和preferringMulticolor().

来自苹果： https://developer.apple.com/documentation/uikit/uiimage/symbolconfiguration/3810052-configurationpreferringmulticolo

使用此方法（preferringMulticolor()) 获取符号的多色变体（如果存在）。此方法是检索多色符号的主要方法。

为了使此颜色配置生效，您的符号图像必须具有以下内容：

• 其渲染模式设置为UIImage.RenderingMode.alwaysTemplate or UIImage.RenderingMode.automatic.

• 多色注释。如果您的符号没有多色注释，则生成的图像是单色（模板）符号图像。如果将此配置与分层或调色板颜色配置结合使用applying(_:)，生成的符号使用多色变体（如果存在），否则默认为层次结构或调色板变体。

let config = UIImage.SymbolConfiguration(hierarchicalColor: [.systemTeal]).preferringMulticolor()
imageView.image = image.applyingSymbolConfiguration(config)