blocks|key|2289889|text|SF符号现在可与macOS+11一起使用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2289890|SF符号可在iOS+13及更高版本、macOS+11及更高版本、watchOS+6及更高版本和tvOS+13及更高版本中使用。|blockquote|2289891|下面是您如何使用它：|2289892|NSImage(systemSymbolName:+"hammer",+accessibilityDescription:+nil)|code-block|syntax|javascript|2289893|如果您想支持macOS+10.15及以下，您必须使用SF符号Mac应用程序，并将符号导出为SVG，并将其导入到Xcode项目中的资产文件中。你可以从这里上得到这个应用程序。|2289894|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/sf-symbols/^0|8|8|0|0|0|0|22|2|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|12|8|@]|D|@]|E|$]]|$1|I|3|J|5|6|7|13|8|@]|D|@]|E|$]]|$1|K|3|L|5|M|7|14|8|@]|D|@]|E|$N|O]]|$1|P|3|Q|5|6|7|15|8|@]|D|@$9|16|A|17|1|18]]|E|$]]|$1|R|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|S|$T|$5|U|V|W|E|$X|Y]]]]

SF Symbol are now available with macOS 11.
<blockquote>
SF Symbols are available in iOS 13 and later, macOS 11 and later, watchOS 6 and later, and tvOS 13 and later.
</blockquote>
Here is how you use it:
<pre><code>NSImage(systemSymbolName: &quot;hammer&quot;, accessibilityDescription: nil)
</code></pre>
If you want to support macOS 10.15 and below you have to use the SF Symbols Mac app and export the symbol as SVG and import it back to an asset file in your Xcode project. You can get the app from <a href="https://developer.apple.com/sf-symbols/" rel="noreferrer">here</a>.

blocks|key|1654634|text|macOS不支持SF符号(尚未)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1654635|但是您可以下载SF符号应用程序并将所需的符号导出为独立的图像。|offset|length|1654636|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.apple.com/design/downloads/SF-Symbols.dmg^0|0|7|8|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@$D|P|E|Q|1|R]]|A|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]]]

SF Symbols is not supported on macOS (yet)

But you can download the <a href="https://developer.apple.com/design/downloads/SF-Symbols.dmg" rel="noreferrer">SF Symbols App</a> and export the symbols you need as stand-alone images.

blocks|key|2289681|text|SF符号在macOS上不可用。来自苹果的人机界面指南：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2289682|您可以在运行在iOS+13及更高版本、watchOS+6及更高版本以及tvOS+13及更高版本的应用程序中使用SF符号。|blockquote|2289683|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|H|8|@]|9|@]|A|$]]|$1|E|3|-4|5|6|7|I|8|@]|9|@]|A|$]]]|F|$]]

SF Symbols are unavailable on macOS. From Apple's Human Interface Guidelines:

<blockquote>
 You can use SF Symbols in apps running in iOS 13 and later, watchOS 6
 and later, and tvOS 13 and later.
</blockquote>

blocks|key|2289855|text|目前还没有办法在macOS上使用SF符号。但是，您可以使用这个扩展作为macOS的倒退，这样您的代码就可以在多个平台上运行。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2289856|extension+Image+{
++++init(systemName:+String)+{
++++++++self.init("YOUR+FALL+BACK+IMAGE(s)")
++++}
}|code-block|syntax|javascript|2289857|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

There is no way yet to use SF symbols on macOS. However you can use this extension as a fall back on macOS so your code will run on multiple platforms. 

<pre><code>extension Image {
 init(systemName: String) {
 self.init("YOUR FALL BACK IMAGE(s)")
 }
}
</code></pre>

blocks|key|270129|text|您还可以将SF符号应用程序中的符号导出到SVG，并使用以下工具将它们转换为SwiftUI形状：稿件.github.io/SVG-to-SwiftUI/。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|270130|entityMap|0|LINK|mutability|MUTABLE|url|https://quassummanus.github.io/SVG-to-SwiftUI/^0|1B|S|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

You could also export the symbol from SF Symbols app into SVG and convert them into SwiftUI Shape using this tool: <a href="https://quassummanus.github.io/SVG-to-SwiftUI/" rel="nofollow noreferrer">quassummanus.github.io/SVG-to-SwiftUI/</a>

blocks|key|1654890|text|如果您的macOS版本是下面的macOS+11。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1654891|下载of符号并导出所有符号https://github.com/davedelong/sfsymbols|ordered-list-item|1654892|在Xcode项目中选择Assets.xcassets|1654893|将图标集文件夹作为新资产拖动到Xcode中的Assets.xcassets中|1654894|📷|atomic|1654895|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/davedelong/sfsymbols|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/874c978954262a28f421ed63eb6817db.png|imageAlt^0|C|B|0|D|13|0|0|0|0|0|1|1|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|16|8|@]|D|@$9|17|A|18|1|19]]|E|$]]|$1|I|3|J|5|H|7|1A|8|@]|D|@]|E|$]]|$1|K|3|L|5|H|7|1B|8|@]|D|@]|E|$]]|$1|M|3|N|5|O|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|P|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|Y|T|Z|E|$10|11|12|-4]]]]

If your macOS version is below macOS 11.
<ol>
<li>Download sfsymbols and export all of symbols <a href="https://github.com/davedelong/sfsymbols" rel="nofollow noreferrer">https://github.com/davedelong/sfsymbols</a>
</li>
<li>Select Assets.xcassets in your Xcode project
</li>
<li>Drag an iconset folder as new asset to your Assets.xcassets in Xcode
<a href="https://i.stack.imgur.com/d9uZr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d9uZr.png" alt="enter image description here" /></a>
</li>
</ol>

blocks|key|2289818|text|在使用下面的代码之前重要的阅读本文如何支持旧式iOS应用程序和macOS上的旧金山字体|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2289819|Button(action:+{})+{
++Image(systemName:+"star")++++++++++++
}|code-block|syntax|javascript|2289820|我为Image为macOS做了如下所示|CODE|2289821|​|2289822|📷|atomic|2289823|2289824|在macOS上是这样的|2289825|2289826|2289827|2289828|以及剪切/粘贴：|2289829|import+SwiftUI

#if+os(macOS)
struct+Image:+View+{
++let+symbol:+String

++init(systemName:+String)+{
++++self.symbol+=+[
++++++"speaker":++++++"",
++++++"speaker.fill":+"",
++++++"star":+++++++++"☆",
++++++"star.fill":++++"★"
++++++][systemName]+??+"?"+++}

++var+body:+some+View+{
++++Text(symbol)
++}
}
#endif|2289830|entityMap|0|LINK|mutability|MUTABLE|url|https://burcugeneci.wordpress.com/20151228apples-brand-new-system-font-san-francisco/|1|IMAGE|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/28f2c67851d86e7c77ddae34a2f3e376.png|imageAlt|2|https://developer.qcloudimg.com/http-save/yehe-900000/dd1f53f50ac945ae44ad77cbcc6839fa.png^0|A|3|H|Q|0|0|0|2|5|0|0|0|1|1|0|0|0|0|0|1|2|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1I|8|@$9|1J|A|1K|B|C]]|D|@$9|1L|A|1M|1|1N]]|E|$]]|$1|F|3|G|5|H|7|1O|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1P|8|@$9|1Q|A|1R|B|M]]|D|@]|E|$]]|$1|N|3|O|5|6|7|1S|8|@]|D|@]|E|$]]|$1|P|3|Q|5|R|7|1T|8|@]|D|@$9|1U|A|1V|1|1W]]|E|$]]|$1|S|3|O|5|6|7|1X|8|@]|D|@]|E|$]]|$1|T|3|U|5|6|7|1Y|8|@]|D|@]|E|$]]|$1|V|3|O|5|6|7|1Z|8|@]|D|@]|E|$]]|$1|W|3|Q|5|R|7|20|8|@]|D|@$9|21|A|22|1|23]]|E|$]]|$1|X|3|O|5|6|7|24|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|6|7|25|8|@]|D|@]|E|$]]|$1|10|3|11|5|H|7|26|8|@]|D|@]|E|$I|J]]|$1|12|3|-4|5|6|7|27|8|@]|D|@]|E|$]]]|13|$14|$5|15|16|17|E|$18|19]]|1A|$5|1B|16|1C|E|$1D|1E|1F|-4]]|1G|$5|1B|16|1C|E|$1D|1H|1F|-4]]]]

Important
Before use code bellow read this article <a href="https://burcugeneci.wordpress.com/20151228apples-brand-new-system-font-san-francisco/" rel="nofollow noreferrer">How to support San Francisco Fonts on old iOS app and macOS</a>

<pre class="lang-swift prettyprint-override"><code>Button(action: {}) {
 Image(systemName: "star") 
}
</code></pre>

I make <code>Image</code> for macOS like below

<a href="https://i.stack.imgur.com/pJmT5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pJmT5.png" alt="enter image description here"></a>

that's how it looks on macOS

<a href="https://i.stack.imgur.com/1SMB1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1SMB1.png" alt="enter image description here"></a>

And for cut/paste:

<pre><code>import SwiftUI

#if os(macOS)
struct Image: View {
 let symbol: String

 init(systemName: String) {
 self.symbol = [
 "speaker": "",
 "speaker.fill": "",
 "star": "☆",
 "star.fill": "★"
 ][systemName] ?? "?" }

 var body: some View {
 Text(symbol)
 }
}
#endif
</code></pre>

<blockquote>
SF Symbols provides a set of over 2,400 consistent, highly configurable symbols you can use in your app. Apple designed SF Symbols to integrate seamlessly with the San Francisco system font, so the symbols automatically ensure optical vertical alignment with text in all weights and sizes.
<a href="https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/" rel="noreferrer">https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/</a>
</blockquote>
As far as I can see, macOS does not support <code>NSImage(systemName: String)</code> syntax when trying to use SF Symbols in a macOS project.
To be specific, I was trying to use an SF Symbol glyph on a toolbar item.

Is there a way to use SF Symbols in macOS SwiftUI development?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

SF符号提供了一套超过2,400个一致的、高度可配置的符号，您可以在您的应用程序中使用。苹果公司设计的SF符号可以与旧金山系统的字体无缝集成，因此这些符号自动确保光学垂直对齐所有重量和大小的文本。据我所见，macOS在试图在macOS项目中使用SF符号时不支持macOS语法。具体来说，我试图在工具栏上使用SF符号符号。

问在macOS SwiftUI开发中有使用SF符号的方法吗？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在macOS SwiftUI开发中有使用SF符号的方法吗？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在macOS SwiftUI开发中有使用SF符号的方法吗？
EN