跳到主要内容
本页目录

图标文档编辑器

编辑 Xcode 26 的 .icon 图标文档,图层与分组、导入 SVG 和 PNG、按平台和外观预览、填充与效果属性。

.icon 是 Xcode 26 的 Icon Composer 文档,用分层方式描述 App 图标,系统按平台和外观实时渲染。在 VS Code 中可以编辑图层、导入素材、调整填充和效果,并实时预览。

图标文档编辑器,左侧图层树,中间预览,右侧检查器

打开

在资源管理器中右键 .icon 文件夹选择「KXBuild: 打开图标文档(.icon)」,或直接双击其中的 icon.json。要查看原始 JSON,点击标题栏的「KXBuild: 以文本方式打开 icon.json」。

图层

左栏是组和图层,通过右键菜单或标题栏按钮添加组、添加图层、删除、上移、下移。列表顺序即叠放顺序,上面的图层覆盖下面的。中间预览可切换平台,以及 Any、Light、Dark、Tinted 四种外观。

素材

运行「KXBuild: 图标 — 导入资源…」或把 SVG、PNG 拖到素材列表。选中素材后点「用于选中的图层」挂到当前图层,不再使用的点「移除」。素材文件保存在 .icon 文件夹内。

检查器

分组属性
外观名称、隐藏、不透明度、图片、缩放、偏移
填充系统浅色 / 系统深色、纯色、线性渐变、自动渐变,色彩空间,混合模式
效果Liquid Glass、光照、高光、模糊材质、阴影、半透明

选中组时只显示对组有效的属性。修改即时写回 icon.json,预览随之更新。

接下来