122

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

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

4

10 回答 10

173

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

要浏览全套符号,请下载 SF Symbols 应用程序。有关 SF 符号的更多信息,请查看此处


SF Symbols 2引入了 750 多个新符号,包括:

  • 超过 150 个预配置的多色符号,可自动适应活力、可访问性设置和外观模式
  • 标准和自定义符号中的负边距,让您更好地控制水平对齐
  • 从右到左书写系统的本地化符号变体,以及阿拉伯语、梵文和希伯来语的特定于脚本的符号

用法

UIKit:

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

斯威夫特用户界面:

let heartImage = Image(systemName: "heart.fill")
于 2019-06-09T13:52:15.233 回答
33

应用程序由</h1>

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

预习


重要的提示

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


向后兼容性。

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

于 2020-07-04T16:04:46.890 回答
18

您可以在SwiftUI中使用 SF 符号图像

Image(systemName: "person")

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

于 2019-08-30T13:25:02.060 回答
11

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

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

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

在此处输入图像描述

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

Image(systemName: "square.and.arrow.up")
于 2019-12-16T22:14:06.747 回答
9

Sensesful 答案的稍微更快更容易的变体:

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

系统图标列表截图

在 Xcode 12.5 中测试。

于 2021-05-18T13:25:05.577 回答
7

看看这个 Swift 包SFSafeSymbols

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

static func getRandomSFSymbol() -> SFSymbol {
    return SFSymbol.allCases.randomElement() ?? SFSymbol.xCircle
}
于 2020-08-30T01:55:05.630 回答
4

您还可以在此处找到所有名称:

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

于 2020-08-10T13:07:22.673 回答
3

我以为你可以在 xcode 中做到这一点,但苹果建议下载https://developer.apple.com/sf-symbols/

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

于 2021-12-23T05:06:02.403 回答
1

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

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

https://sfsymbols.com

不幸的是, 许可证不允许该站点直接显示和/或预览图像,但是我们需要所有关键字来生成我们自己的预览列表(至少像我这样的人需要)。

警告: SF-Symbols 有奇怪的使用规则,任何担心的人都应该找到另一个免费的图标替代品。

喜欢:https
://github.com/google/material-design-icons (使用 Apache 2.0 许可证,无需任何署名)

于 2021-11-27T04:37:53.617 回答
0

SFSymbols在这个 repo 中找到了所有的名字

在线 SF 符号浏览器

于 2021-12-27T08:20:18.213 回答