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

Question

有谁知道如何使用 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'"

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

Answer 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. 对于每个 Shape 图层，替换(复制/粘贴)新图像图层上的一组形状/路径中的可比形状/路径
7. 调整线宽和位置以匹配相应的SF符号内的形状内容
8. 删除指定重量的 SF 符号
9. 完成修改符号的所有形状/路径后 -> 从 Sketch 将更新的符号页面导出/保存为 SVG。
10. 然后您应该能够将 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.