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

Find all available images for Image(systemName:) in SwiftUI

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

到目前为止，我只使用了 "chevron" 和 "star.fill"，这是在 Apple 的 SwiftUI 教程系列中发现的。但是，我无法在任何官方文档中找到完整的图标列表。

这些图标称为 SF 符号。您可以在 iOS 13 及更高版本、macOS 11 及更高版本 watchOS 6 中使用超过 3,300 个符号 及更高版本，以及 tvOS 13 及更高版本。您可以在任何可以使用图像的地方使用符号。

要浏览完整的符号集，download the SF Symbols app. For more info about SF Symbols check here。

SF Symbols 2 引入了 750 多个新符号，包括：

  • 超过 150 个预配置的多色符号自动适应活力、辅助功能设置和外观模式
  • 标准和自定义符号的负边距，给你 更好地控制水平对齐
  • right-to-left 书写系统的本地化符号变体，以及 作为阿拉伯语、梵文和希伯来语的 script-specific 符号

SF Symbols 3 具有 600 多个新符号、增强的颜色自定义、新检查器以及改进的自定义符号支持。

用法

UIKit:

let heartImage = UIImage(systemName: "heart.fill")

SwiftUI:

let heartImage = Image(systemName: "heart.fill")

您可以在 SwiftUI

中使用 SF 符号图像 
Image(systemName: "person")

下载 Link : https://developer.apple.com/design/resources/

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

诀窍是您需要在 Storyboard 而不是 SwiftUI Canvas.

中查看它们

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

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

Image(systemName: "square.and.arrow.up")

的应用程序

Apple 有一个专门用于此的应用程序，称为 SF Symbol。您应该 download the latest version from here 浏览完整的符号集。

重要提示

您应该始终使用该应用程序，以便为 preview、export 提供新符号并尽情享受。

向后兼容性。

如果您需要使用新符号，例如 SF Symbols 2.0 中为 iOS 14 及更高版本引入的新多色符号，您可以使用以下命令导出它们应用程序本身并将它们作为资产导入项目中。 shows

的第 1 步和第 2 步

您还可以在这里找到所有姓名：

https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

看看这个Swift包SFSafeSymbols

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

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

的稍微更快更简单的变体：

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

中的图标名称来使用它们

在 Xcode 12.5 中测试。

SF Symbols是iOS 13+中的系统图标框架。

我们可以在以下位置找到完整的图标列表：

https://sfsymbols.com

不幸的是，该网站不允许 Apple  许可证，无法直接显示 and/or 预览图像，但我们需要的关键字都可以生成我们自己的预览列表（至少所有类似的人-我需要）。

WARNING: SF-Symbols have strange usage rules, and anyone worried, should simply find another free icon alternative.

Like: https://github.com/google/material-design-icons
Or: https://github.com/jossef/material-design-icons-iconfont
(with Apache 2.0 license, without any attribution need)

我以为你可以在 xcode 中完成，但 Apple 建议下载 https://developer.apple.com/sf-symbols/

SF Symbols 是一个图标库，拥有超过 3,300 个符号，旨在与 Apple 平台的系统字体 San Francisco 无缝集成。

我在这个 repo

中找到了所有有名字的 SFSymbols

Online SF Symbols browser