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

Lin*_*rth 25 swift ios13 swiftui sf-symbols

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

我只使用了"chevron""star.fill"到目前为止,在苹果公司的SwiftUI系列教程发现。但是,我在任何官方文档中都找不到完整的图标列表。

Mo *_*ani 46

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

  • 谢谢,但您的链接是旧版本的,它缺少我正在使用的 Apple 教程(paintpalette)中的一个符号。当前版本(2.1)在这里:https://developer.apple.com/sf-symbols/ (3认同)

Moj*_*ini 22

该应用程序由?

Apple 有一个专门的应用程序,称为 SF Symbol。您应该从这里下载最新版本以浏览完整的符号集。

预览


重要的提示

您应该始终使用该应用程序以获得可用于预览导出和欣赏的新符号。


向后兼容性。

如果您需要使用新的符号,例如适用于 iOS 14 及更高版本的SF Symbols 2.0中引入的新多色符号,您可以使用应用程序本身导出它们并将它们作为资产导入项目中。此答案的第 1 步和第 2 步显示了如何导出符号以将其用于较旧的 iOS 版本

  • 谢谢你。荒谬的是,这个应用程序在 Mac 应用程序商店中不可用,或者作为 Xcode 的一部分提供。 (2认同)

als*_*str 13

Sensesful 的答案稍微更快更简单的变体:

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

系统图标列表截图

在 Xcode 12.5 中测试。


Sen*_*ful 8

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

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

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

在此处输入图片说明

复制图像的名称,然后像上面提到的其他答案一样使用它:

Image(systemName: "square.and.arrow.up")
Run Code Online (Sandbox Code Playgroud)


vis*_*isc 7

看看这个 Swift Package SFSafeSymbols

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

static func getRandomSFSymbol() -> SFSymbol {
    return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle
}
Run Code Online (Sandbox Code Playgroud)


Meh*_*lar 6

您可以在SwiftUI中使用SF Symbol Images

Image(systemName: "person")
Run Code Online (Sandbox Code Playgroud)

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

  • SF Symbols 应用程序是免费的,由 Apple 制作,而非第三方。它也适用于设计师,而不仅仅是开发人员。 (11认同)
  • 您不必购买第三方产品即可查看符号。为什么 Xcode 无法打开它并向您显示?Android Studio 可以非常轻松地将矢量符号从其库添加到您的应用程序中。 (5认同)
  • Apple 提供了这些符号,并且跨应用程序拥有标准图像可以让用户更轻松地识别熟悉的符号。我只是觉得提供它们会更像苹果。 (2认同)