如何格式化自定义的SF-Symbols SVG文件以导入Xcode11

时间:2019-07-28 16:56:59

标签: xcode11 ios13 sf-symbols

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

尽管这确实适用于较小的编辑,但我发现要生成一个超出正常编辑范围的自定义符号文件非常困难。产生的错误和/或错误很多,我已经尝试了很多方法来产生可接受的文件(删除笔触,转换为形状等)。大多数导入的文件会产生类似于以下内容的错误:

  

为符号图像集doc.test3提供的SVG文件不是   适用:符号图像文件'(null)'具有字形节点Regular-M,即   没有一个群组的类型为:“ 2”,预期为:“ 1””

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

2 个答案:

答案 0 :(得分:0)

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

该功能仍然存在问题。有时SVG会被更改。选择目标保存由SF Symbols应用程序创建的修改文件时,您也无法覆盖现有SVG。

答案 1 :(得分:0)

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文件添加到Assets容器中  作为新的符号图像集
  

注意-作为测试的一部分,我注意到,尽管SVG的标头   添加时从Sketch导出符号文件时有所不同   文件(X /拖放),确实出现了新符号。

     

此外,已编辑文件中使用的字体默认改为Helvetica   原始导出的SF符号文件中的新SF字体的格式。