在SwiftUI中找到Image(systemName :)的所有可用图像

时间:2019-06-09 13:31:22

标签: swift swiftui ios13 sf-symbols

在哪里可以找到初始化程序Image(systemName:)中可用的所有系统映像?

到目前为止,我只使用过"chevron""star.fill",正如Apple的SwiftUI教程系列所发现的那样。但是,我在任何官方文档中都找不到完整的图标列表。

7 个答案:

答案 0 :(得分:14)

这些图标称为SF符号。在iOS 13及更高版本中运行的应用中可以使用超过1,500个符号。要浏览完整的符号集,请下载SF Symbols应用。有关SF符号的更多信息,请检查here

答案 1 :(得分:13)

的应用程序

Apple为此专门设计了一个名为SF Symbol的应用程序。您应该 download the latest version from here 浏览完整的符号集。

Preview


重要提示

您应该始终使用该应用程序,以使新符号可用于预览导出并享受。


向后兼容。

如果您需要使用新符号,例如在iOS 14及更高版本的 SF Symbols 2.0 中引入的新的多色符号,则可以使用应用程序本身将其导出并导入为资产该项目。 this answer的第1步和第2步显示 how you can export symbols to use it for older iOS versions

答案 2 :(得分:7)

您可以在 SwiftUI

中使用SF Symbol Images
Image(systemName: "person")

下载链接:https://developer.apple.com/design/resources/

答案 3 :(得分:4)

看看这个Swift软件包SFSafeSymbols

您可以从枚举中访问所有SF符号

static func getRandomSFSymbol() -> SFSymbol {
    return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle
}

答案 4 :(得分:3)

稍微更快更简单的 Sensesful's answer 变体:

在故事板视图中,单击屏幕顶部的添加按钮。如果单击打开的对话框中的图像图标,则可以滚动浏览所有系统图标。然后,您可以通过引用 UIImage(systemName: iconName) 中的图标名称来使用它们。

Screenshot of system icons list

在 Xcode 12.5 中测试。

答案 5 :(得分:1)

假设您已安装Xcode,还可以预览所有图像,而无需下载单独的应用程序。

诀窍是您需要在 Storyboard 中查看它们,而不是在SwiftUI Canvas中查看它们。

将UIImageView添加到故事板,然后按Image附近的下拉箭头。您将看到Apple提供的全部图像列表:

  

enter image description here

答案 6 :(得分:1)