美文网首页
SF Symbols 自定义使用

SF Symbols 自定义使用

作者: syihh | 来源:发表于2020-12-30 13:56 被阅读0次

1.导出系统SF模板

1.1 在SF符号中选中一个符号,再选择文件导出保存。

2.编辑SF模板中的符号

2.1 将导出的SF符号模板在AI中打开。

2.2 将SF符号模板中不需要的内容删除。

2.3 打开一个新的SVG格式图标。

2.4 选中路径复制到之前打开的SF符号模板中,要注意复制到Regular-M下面。

2.5 调整大小样式,然后保存文件。

2.6 将保存好的SVG文件,放入Xcode Assets.xcassets 中就可以使用了。

3.解决系统所带的问题

3.1 对比图中的SF符号发现自定义的与系统的相比少了边距,测试导出系统SF符号未编辑导入Xcode也会出现相同的问题。

3.2 使用空白路径解决边距问题。

3.2 将边框路径设为透明,保存放入Xcode

3.4 成品示例。

4.文章中使用的SVG模板下载地址

链接: https://pan.baidu.com/s/1WNmk6ATJ2gne4dgEMA2N-g  密码: w26n

相关文章

网友评论

      本文标题:SF Symbols 自定义使用

      本文链接:https://www.haomeiwen.com/subject/sfozlttx.html