问题标签 [sf-symbols]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
199 浏览

ios - 使用 SVG 时出现 SF 符号不可用警告

我的应用程序支持 iOS 13.0 并在情节提要中使用 SF 符号。我已将 SF Symbol.svg文件添加到我的资产目录中,以添加对仅在 iOS 14+ 中可用的那些文件的支持,但我仍然收到编译器警告说

SF Symbol 'square.and.arrow.up' 在 iOS 14.0 之前不可用。将同名的后备图像添加到 asses 目录以进行向后部署

我已经确认这些符号在 iOS 13 上有效。

如果我单击其中一个警告,它会将我带到情节提要并且警告消失。一旦我导航到另一个文件,警告就会再次出现。

有没有办法摆脱这些或者这可能是一个 Xcode 错误?

0 投票
1 回答
181 浏览

swift - 使用SF Symbol作为图像源时,UICollectionViewCell中的UIImageView随机改变帧

我在 UICollectionViewCell 中有一个 UIImageView。我正在使用自动布局将其设置为具有固定宽度和高度的单元格的左上角。

在此处输入图像描述

在此处输入图像描述

当我从资产目录中的图像在图像视图上设置图像时,一切正常。

当我使用 SF Symbols 在图像视图上设置图像时,UIImageView 的框架会随机变化。

Autolayout 将 UIImageView 的框架设置为单元格的左上角,并将宽度和高度设置为 24。使用 Asset Catalog 中的图像时会遵守这一点UIImage(named:...

当我这样做时,框架会随机变化:

有时,单元格会显示如下图像:

在此处输入图像描述

其他时间是这样的:

在此处输入图像描述

如果我将 UIImageView 的框架打印到控制台,我会看到更改,如下所示:

或像这样:

记录时的所有其他帧看起来恒定,单元格框架是恒定的等等......从 SF Symbol 生成的图像会强制 UIImageView 的框架发生变化。

为什么会发生这种情况,如何正确使用 SF 符号,以便在将 ImageView 的图像设置为从 SF 符号生成的图像时,我在自动布局中设置的框架在运行时保持不变?

0 投票
1 回答
674 浏览

swift - 在 Swift 中以编程方式将系统映像设置为 NSImageView

您可以在 UIKit 中使用UIImage(systemName: "pencil"). 对于 macOS 应用程序,您可以在情节提要中设置系统映像。但是,我找不到以编程方式为 macOS 设置系统映像的方法。这可能吗,或者系统图像仅限于 macOS 应用程序中的情节提要。

0 投票
1 回答
83 浏览

swift - 为什么 Xcode 中的 SF Symbols 中的符号在 renderMode (.original) 中保持黑色

Пример

SF 符号专业版:16.0d18e1 Xcode:11.6(11E708)

在此处输入图像描述

如何使符号具有颜色外观?

0 投票
0 回答
26 浏览

macos - 带有符号的 MacOS NSTableCellView 图像。contentTint 在选定的行中被忽略

我有一个带有单元格视图的表格视图。imageView(单元格视图之一)的图像和 contentTint 绑定到模型。这是获取图像的方法,因此您了解我如何初始化图像

这很好用,除了图像刚刚显示为白色的选定行之外,都会显示颜色。这是有意的,但它不适合我的情况。你知道防止这种情况的方法吗?

当然,我可以自己重新创建图像并为其着色,但我想避免所有代码。

提前感谢您的建议!

0 投票
2 回答
456 浏览

image - 如何在 SwiftUI 中基于 SF Symbols 获得相同大小的圆形图像?

在我的应用程序中,我想获得基于相同大小的 SF 符号的简单圆形按钮。但是,相同的方法会根据符号产生不同的图像大小。例如,带有加号的图像大于减号。

为了解决这个问题,我使用了 ZStack 技巧,其中我在减号下放置了一个透明的加号。但我认为这不是最好的解决方案。有没有更好的解决方案?

中心的“减号”比右边的“加号”、“减号”小 - 我的解决方案:

0 投票
1 回答
384 浏览

ios - SwiftUI TabBar省略号不垂直居中

我刚刚开始使用 SwiftUI 应用程序,所以我要做的第一件事就是设置导航。

我从一个非常简单的 TabBar 开始,使用所有默认内容,包括图标的 SF 符号。

它的渲染是这样的:

省略号在标签栏顶部附近对齐

为什么省略号不垂直居中?我认为 SF Symbols 的一大卖点是它们都会相互排列。

我真的很困惑。

0 投票
1 回答
460 浏览

ios - SF Symbols 多彩多姿的图标

我正在制作一个带有天气图标的应用程序,我想使用苹果的 SF Symbols!在 WWDC2020 上,他们发布了多色的。

所以我的问题是,为什么我的图标会像这样显示为黑色:

在此处输入图像描述

我已将渲染模式设置为 alwaysOriginal。它什么也不做。如果我将它设置为模板,它会变成蓝色,就像默认的色调一样。

但根据 SF Symbols 应用程序,该符号应如下所示:

在此处输入图像描述

有没有人遇到过这个问题,你是怎么解决的?我期待着你的答案!

0 投票
0 回答
142 浏览

ios - 为 iOS 12 创建 iOS 13 SF 图标的后备版本

Xcode 12.4 / 部署目标:iOS 12.4

我的应用程序中的一个UIBarButtonItems 使用新的 iOS 13 SF“地图”图标作为图像。在 iOS 13 模拟器 (iPhone SE 2) 中启动应用程序会以我设置的“全局色调”颜色显示此图标。使用 iOS 12 模拟器 (iPhone SE),它只会以该颜色显示“地图按钮”。

当我添加图标时,Xcode 告诉我为 iOS 12 创建一个“后备图标”,因为旧 iOS 版本不支持新图标。我按照这个答案并将图标导出到“SFSymbols”应用程序中,但将其导出为 .png 文件,例如 PhotoScape X 会保存一个包含所有权重/比例的完整图像。相反,我从同一答案的评论中建议的网站下载了多个版本,并将它们添加为名为“地图”的资产。问题:无论我选择哪一个,它都不适合其他 iOS 12 图标:

“iOS”选项下载三个版本(1x、2x 和 3x),但我似乎无法获得正确的“文件大小”(58x58,这里建议太小但 87x87 太大)和“png”选项图标使用了正确的厚度,但它很大,即使是缩小的版本也会在侧面增加很多空白空间。

我检查了Cmd+ Ctrl+Space菜单(笑脸,...),但只有一个彩色的“世界地图”符号也不适合其他图标 - 即使有另一个图标,它看起来也不像你可以更改“地图按钮”文本。

我以前从未创建过这样的(矢量?)图标,甚至不知道从哪里开始,所以我宁愿使用现有的。

如何在 Storyboard 中添加 iOS 13 SF“地图”图标的 iOS 12“后备”版本(不必相同,只要相似即可),该图标与其他图标的大小和样式相匹配iOS 12 图标并尊重“全局色调”颜色?

0 投票
0 回答
113 浏览

ios - CALayer 在亮/暗模式下显示错误的 SFSymbol 图像

我的第一个 SO 问题,所以这里......

我非常熟悉使用 CALayer 及其变体,但这个让我很难过。

让我们从代码开始(是的,我正在使用 Objective-C)...

在 traitCollectionDidChange 中,我再次调用[self.infoLayer setNeedsDisplay];以触发委托方法displayLayer,该方法按预期调用,但返回的图像始终是光照模式的图像。

我在模拟器或真实设备(iPhone 或 iPad)上运行的天气相同。

这些是模拟器的截图(11 Pro,iOS 14.5)

灯光模式截图

黑暗模式屏幕截图

我在这里错过了什么吗?