SF Symbols
2023-10-23 本文已影响0人
_浅墨_
SF Symbols
SF Symbols（SF 符号）非常灵活，可以配置为多种不同的粗细和尺寸。使用它可以将图片资源直接复制并粘贴到我们的项目。
兼容性
SF Symbols 兼容 iOS 13 及更高版本，macOS 11 及更高版本，watchOS 6 及更高版本，以及 tvOS 13 及更高版本。
粗细
SF Symbols 提供多种不同的粗细和比例。这使您能够轻松创建可适应不同场景的设计。一些粗细选项包括 thin（细）、light（轻）、bold（粗）、heavy（重）等。下面的图片展示了可用的粗细选项。
SF Symbols粗细选项
使用 SF Symbols
在 SwiftUI 中，您可以通过其名称轻松生成 SF Symbols 图标。此外，您可以自定义尺寸（小、中、大）、更改粗细以及更改图标颜色。我们还可以使用字体修改器编辑图标。
Image(systemName: "gear")
.font(.system(size: 20, weight: .light))
更改比例
您可以向 SF Symbol 添加 imageScale 修改器，将其视为图像。imageScale 修改器接受以下值之一 - large（大）、medium（中）、small（小）。
Image(systemName: "gear")
.imageScale(.large)
多色
我们可以使用多色 SF Symbols。在应用中，它们会显示在多色类别中。或者，我们可以单击工具栏中的颜色图标。
为显示所有颜色，需要使用 renderingMode 修改器。
Image(systemName: "paperplane.circle.fill")
.renderingMode(.original)
注意：如果在图标上使用字体属性，将无法使用多色选项。
在设计工具中使用 SF Symbols
我们可以在喜欢的设计工具中使用 SF Symbol 图标，比如 Sketch、Figma 等编辑器。
