xcode11 - 如何格式化自定义 SF-Symbols SVG 文件以导入 Xcode 11

标签 xcode11 ios13 sf-symbols

有谁知道如何使用 WWDC video 中概述的技术创建自定义 SF 符号吗? ,我能找到的关于该主题的唯一现有文档?根据视频,我们可以简单地编辑导出的 SVG 文件并将其重新导入为符号集。

虽然这确实适用于较小的编辑,但我发现很难生成具有超过较小编辑的工作自定义符号文件。产生的错误和/或错误很多,我尝试了很多方法来生成可接受的文件(删除笔划、转换为形状等)。大多数导入的文件都会产生类似于以下内容的错误:

The SVG file provided for the symbol image set ’doc.test3‘ is not suitable: Symbol image file '(null)' has glyph node Regular-M that is not a group got type:'2' expected:'1'"

有人有什么建议吗?我这里没有具体的项目目标。我只是想学习在没有任何文档的情况下创建自定义符号的适当方法。

最佳答案

overview documentation建议采用现有符号文件并在 Sketch 或其他 SVG 编辑器中打开它。具体来说documentation on creating a new symbol给出了一些演练。我相信工作流程会是这样的......

  1. 将任何符号从 SF Symbols 应用 1.0 (12) 导出到 svg 文件
  2. 获取您想要制作新图像的 SVG 文件 符号
  3. 使用编辑器(例如 Sketch)将导出的 SF Symbol 文件拖到空白页面上(它将显示多个图像)
  4. 在 Sketch 中创建第二页并拖入新图像
  5. 使用 Sketch 中的图层,您将看到 SF 符号具有 在名为 Shape
  6. 的图层中定义的形状
  7. 对于每个 Shape 图层,替换(复制/粘贴)新图像图层上的一组形状/路径中的可比形状/路径
  8. 调整线宽和位置以匹配相应的 SF符号内的形状内容
  9. 删除指定重量的 SF 符号
  10. 完成修改符号的所有形状/路径后 -> 从 Sketch 将更新的符号页面导出/保存为 SVG。
  11. 然后您应该能够将 svg 文件添加到资源容器中 作为新的符号图像集

Note - As part of my test, I noted that although the header of the SVG was different when I exported the symbol file from Sketch when I added the file to Xcode (drag/drop), the new symbols did appear.

Also, the font used in the edited File defaulted to Helvetica instead of the new SF font in the original exported SF Symbol file.

关于xcode11 - 如何格式化自定义 SF-Symbols SVG 文件以导入 Xcode 11,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57243071/

相关文章:

ios - 如何以编程方式触发 UIContextMenuInteraction 上下文菜单?

swiftui - 弹出窗口后呈现工作表

swift - 从以字符串形式呈现的 JSON 中解析 Decimal

cocoa - 如何在 macOS 上使用 SF Symbol 图标

ios - Xcode 11 XCUITest 无法获取匹配的快照 : Error getting main window kAXErrorServerNotFound

ios - VStack 不适合 ContentView SwiftUI

swift - 从 SF Symbols 字体创建一个不同颜色的 SKSpriteNode

ios - 带有系统图像的倒置蒙版 swiftui

iOS13不支持后台更新通知吗?

swift - 没有更多上下文 xcode 11,表达式类型不明确