九宫格缩放 (9-Slice)

九宫格缩放（9-Slice / 9-Patch）是 UI 设计中最基础也最重要的技术。把一个 UI 素材切成 3x3=9 块：四个角保持原样不拉伸、上下两边水平拉伸、左右两边垂直拉伸、中间区域双向拉伸。这样拉伸任意尺寸的按钮、面板、对话框都不会变形。

什么时候需要九宫格：任何「尺寸可变」的 UI 元素——按钮（文字长短不一）、对话框（内容多少变化）、血条（长度动态变化）、边框（适应不同子元素）。没有九宫格的拉伸=边角模糊变形、边缘宽度不一致=看起来很业余。

实现：Unity 的 Sprite Editor 中可以设置 9-Slice 边界（Border），Godot 的 NinePatchRect 节点支持直接拖拽。图片编辑器中在素材四周留好「安全区」（边缘不拉伸的部分），导入引擎后设置 Border 参数即可。