问题标签 [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 回答
58 浏览

ios - SF 符号在约束下表现得很奇怪

我基本上有这个 SF Symbol: chevron.left,我想得到这个符号的宽度和高度,我这样做是这样的:

这就是我生成 SF 符号的方式:

我希望 UIImage 的大小,它在 UIButton 内等于UIFont.preferredFont(forTextStyle: .title1).pointSize,但是,SF Symbol 的高度比我预期的要大。

因为.title1高度应该是 28 点,而不是 33.3333 点,这是一个奇怪的行为。

--

*我正在使用宽度和高度锚将按钮的宽度和高度限制为我收到的大小getSize()

*contentMode等于.scaleAspectFit

*clipToBoundstrue,我也尝试过false,结果相同。

0 投票
1 回答
95 浏览

uiimageview - 避免 UIImage 填充颜色渗入 UIImageView

我想将包含透明部分的 UIImage 填充到 UIImageView 中(IE 到存在的 UIImageView 空间中,因为图像具有“Scale Aspect Fit”设置)

怎么可能呢?

我尝试绘制蒙版/上下文,将 maskToBounds/clipsToBounds/isOpaque 设置为 true/false,但它会流血(或者整个东西变成一个纯色框)。

我想要什么(注意内部是白色的,但在图像周围它是透明的,因此是主色。此屏幕截图来自 iOS 15 设置应用程序): 带有白色填充的屏幕截图

我现在所拥有的(图像填充颜色在图像外流血。这是我的应用程序): 出血颜色高清

笔记:

  • 我正在为图像使用 SF 符号
  • 图像内部有一个透明部分,这是我想用 UIImageView 的主要背景颜色以外的颜色填充的部分(而我希望 UIImageView 背景是透明的)

使用的 SF 符号:

0 投票
1 回答
757 浏览

swift - SF Symbols 分层、调色板和多色渲染模式颜色?

在 WWDC 2021 上,Apple 发布了 SF Symbols 3,它将在 iOS 15 和 macOS 12 中支持新的多色 SF Symbols。

新的颜色渲染模式,通过图层注释为符号添加深度和强调
https://developer.apple.com/design/human-interface-guidelines/sf-symbols/overview/

在 UIKit 和 Swift 中创建这样的图像的语法是什么?

如何使用 UIKit 中新hierarchicalpalette、、和multicolor渲染模式?

这些新的渲染模式和颜色在 SF Symbols 3 应用程序中可见:

SF 符号分层渲染颜色

SF 符号调色板渲染颜色

0 投票
1 回答
358 浏览

ios - 如何在 iOS 15 Xcode 13 中将填充图标更改为未填充 TabView tabItem?

如何在 iOS 15 Xcode 13 中将填充图标更改为未填充 TabView tabItem?

现在看来,默认情况下会填充图标...

我的代码:

注意:从 iOS 15 开始,您不应明确请求 SF Symbols 图标的填充变体,因为系统会根据需要自动使用它们。

那么我怎样才能像以前一样获得我的图标(SF Symbols)?

谢谢

0 投票
0 回答
154 浏览

xcode - Xcode:是否可以导出 SF 符号并导入 Xcode 以支持旧版本?

我已经知道如何将 SF 符号导入 Xcode 资产:

  1. 直接拖放SVG
  2. 创建 PDF 来表示 SVG 符号,然后添加它并配置属性检查器

酷.. 但是尝试将 SF Symbol 导出为 SVG 然后将其添加到资产会引发错误:

我想知道如何支持旧版本,如第 1 点而不是第 2 点,因为创建超过 10 个符号时这是一个累人的过程

0 投票
1 回答
96 浏览

ios - 自定义 SF 符号不呈现分层着色

我有一个自定义 SF Symbol,当在 SF Symbols 3 应用程序中查看时,它会呈现分层阴影,但在使用 SwiftUI 的 iOS 中,它呈现为单色。

这是 SF Symbols 3 应用程序中的符号:

SF Symbols 3 应用程序中的自定义符号显示图层

这是在资产目录中作为 3.0 模板导入的符号:

资产目录中的符号

这是呈现它的代码:

这是它在 iOS 模拟器中的呈现方式:

在 iOS 中呈现的自定义符号

如何获得分层阴影?

0 投票
1 回答
120 浏览

ios - 在 iOS 15 Xcode 13 中将填充图标更改为未填充 TabView tabItem

从 iOS 15 / XCode 13 开始,TabView 中未填充的图标(SF 符号)默认填充。与此处报告的问题相同:

如何在 iOS 15 Xcode 13 中将填充图标更改为未填充 TabView tabItem?

提到的解决方案对我不起作用。添加

引发以下错误:

键路径值类型“WritableKeyPath<EnvironmentValues, SymbolVariants>”无法转换为上下文类型“KeyPath<EnvironmentValues, SymbolVariants>”

有什么遗漏吗?

0 投票
0 回答
31 浏览

flutter - Flutter 正版 SF 符号库

在 iOS 上,有没有办法使用官方最新的 SF Symbols 库?当与 SF Symbol 数据库进行比较时,Cupertino 图标并不完全正确。最新的库,(SF Symbols 3与颤振中包含的不同,颤振包中使用的符号也不同flutter_sfsymbols

0 投票
1 回答
52 浏览

swift - 在 SwiftUI 中使用 Image 和 SFSymbols 时如何获得统一的视图大小?

这是我的观点:

不一致的符号大小

我希望所有框(红色矩形)的大小相同(高度彼此相等,宽度彼此相等)。它们不需要是方形的。

当我使用 Image(systemname:) 创建视图时,它们具有不同的内在大小。如何在不硬编码大小的情况下使它们具有相同的大小。

0 投票
2 回答
130 浏览

ios - 我在哪里可以使用 Apple 的 SF 符号?

我正在使用 Flutter 开发适用于 iOS 和 Android 的应用程序。目前正在制作模型,我正在使用 Apple 的 SF Symbols。

我想知道您是否确实可以将这些图标用于我的应用程序,但无法在网络上找到相关信息。

有人知道信息吗?