7

有没有人想出如何使用WWDC 视频中概述的技术创建自定义的 SF 符号，这是我能找到的关于该主题的唯一现有文档？根据视频，可以简单地编辑导出的 SVG 文件并将其作为符号集重新导入。

虽然这确实适用于次要编辑，但我发现很难生成一个工作自定义符号文件，而不仅仅是次要编辑。产生的错误和/或错误很多，我尝试了很多方法来生成可接受的文件（删除笔画、转换为形状等）。大多数导入的文件会产生类似于以下内容的错误：

为符号图像集 'doc.test3' 提供的 SVG 文件不合适：符号图像文件 '(null)' 具有不是组的字形节点 Regular-M 得到类型：'2' 预期：'1'"

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

4

2 回答 2

1

概述文档建议使用现有的符号文件并在 Sketch 或其他一些 SVG 编辑器中打开它。具体来说，有关创建新符号的文档提供了一些演练。我相信工作流程会是这样的......

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

注意 - 作为我的测试的一部分，我注意到虽然在我将文件添加到 Xcode（拖放）时从 Sketch 导出符号文件时 SVG 的标头不同，但新符号确实出现了。

此外，已编辑文件中使用的字体默认为 Helvetica，而不是原始导出的 SF Symbol 文件中的新 SF 字体。

于 2019-09-06T19:01:58.983 回答
0

创建 SVG 后返回 SF Symbols 应用程序。单击文件 - 为 XCode 准备自定义符号...。选择您的 SVG 并让 SF Symbols 应用程序发挥它的魔力。

该功能仍然相当错误。有时 SVG 会被更改。在选择保存由 SF Symbols 应用程序创建的修改文件的目的地时，您也不能覆盖现有的 SVG。

于 2019-07-30T11:04:20.743 回答