ToolPkg

让 UI 精灵缩放不变形

9-patch(9-slice)缩放在拉伸时固定精灵的四角,只拉伸边和中心,于是一张小面板或按钮能缩放到任意尺寸而四角保持清晰、不变形。这个免费编辑器让你设置固定边框、实时预览拉伸并导出结果,全部在浏览器里完成。

导出 .9.png 或引擎 insets

导出带标准 1px 标记边的 Android .9.png,或把边框 insets 导出为 JSON 用于 Unity sprite border 和 Godot NinePatchRect 边距。无论哪种,都是同样的四个边框值定义 UI 精灵如何拉伸。

免费、私密、不上传

全部在你的浏览器本地运行——无需注册、无水印、不限文件——精灵绝不离开你的设备。拖动预览滑块即可确认任意尺寸下四角都保持清晰。

常见问题

什么是 9-patch / 9-slice?

它是一种缩放 UI 精灵的方法,把图切成九块:四角固定,四边只单向拉伸,中心双向拉伸,于是面板和按钮改变大小时边框不变形。

如何制作 9-patch?

上传面板或按钮精灵,设置每条边的固定边框,预览拉伸,然后导出 Android .9.png 或给你引擎用的 insets JSON——全部在浏览器里完成。

什么是 .9.png 文件?

.9.png 是 Android 的 9-patch 格式:图片加一圈 1px 边,上边和左边的黑标记定义可拉伸区,下边和右边的标记定义内容区。

支持 Unity 和 Godot 吗?

支持。导出 insets JSON,把四个值用作 Unity sprite border 或 Godot NinePatchRect 的 patch 边距;.9.png 导出用于 Android 和能直接读 9-patch 的引擎。

9-patch 编辑器免费吗?

完全免费,无需注册、无水印,对处理精灵数量没有限制。

我的图片会上传到服务器吗?

不会。切片在你的浏览器本地完成,精灵始终留在你的设备上。