SF Symbols

作者: _浅墨_ | 来源:发表于2023-10-23 21:46 被阅读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 等编辑器。

    Resources

    相关文章

      网友评论

        本文标题:SF Symbols

        本文链接:https://www.haomeiwen.com/subject/xnmjidtx.html