ImageTinter

SVG染色生成矢量PDF图片的工具。支持自动导入Xcode Assets并将染色图作为暗黑模式。

使用

[首次使用]

由于应用内部借助了命令行工具,因此使用前需安装命令行工具并配置其工作路径。

  • 安装命令行工具
brew install librsvg

没有brew的请自行安装

  • 获取命令行工具路径,拷贝备用
which rsvg-convert
  • 修改工具路径
  • 打开Xcode拖入Assets至输入框

以上仅在首次使用时需要操作

[常规使用]

  • 下载SVG格式的图片,打开SVG图片目录(或拖拽目录至表格处
  • 点击保存,自动导入至Xcode Assets
  • 默认自动配色,不在配色表请检查或自选
  • 为确保唯一性,命名采用"设计名_尺寸_颜色", 如cal_24_111114为默认规范图标

配色表

自定义配色表,建立一个名为ImageTinterColors.jsonJSON文件放置在用户/文档目录下,如:/Users/vino/Documents。内容格式为{"白天色": "黑夜色"},如下:

{
    "#111114": "#ffffff"
}

同一个白天色的键值对会盖前者。

注意事项

  • 为了执行命令行工具,已去除沙盒功能
  • 不要导入无须染色的图标
  • 不要导入混色图标,请勿将非矢量图标以.svg格式导入!Xcode会显示异常!

Bug

  • arm64系统第一张SVG加载报错。已规避,SVGKit问题。

2.0版本更新

目前由于设计师切图变化导致存在SVGKit崩溃,加上Xcode12开始已支持使用SVG格式图片(实际使用时转化位图),因此对图标染色工具进行更新和修复。

  • 修复SVG图标崩溃,移除SVGKit工具
  • 导出时支持选择PDF|SVG格式,暂只支持SVG模式
  • Swift UI开发美化界面
  • 支持命名模式,不进行染色导出到XCode Assets
  • 支持自动匹配模式,暂未支持指定颜色
  • 支持选择文件夹多个图标一起导入
  • 支持配色表

计划

  • 添加Log输出
  • 同时导出源图的PDF
  • 命名增加尺寸
  • 保存到Assets
  • 拖拽优化
  • 支持非正方形图标提示(设计师上传的的图标有时下载时出现16*17的情况)