Skip to content

Panel Sprite("9 patch")

Panel Sprite是一个对象,其图像被分割成9个部分或片段,每个片段单独缩放。这可以帮助对象在缩放后保持比例。它可用于制作菜单界面的框架、顶部向下游戏中的瓦片(陆地、水等)、平台游戏中的平台、生命条等。

注意

9 patch sprite("9 patch")对象不支持点、自定义碰撞框或动画。

工作原理

以下是一个9 patch panel sprite图像如何被分割和缩放的示例。

如何分割缩放图片

how9panelworks

纹理被分割成9个部分,分别为1到9。每个部分将单独缩放。部分1、3、7和9保持其大小,不缩放,而部分2和8仅在水平方向缩放,部分4和6仅在垂直方向缩放,部分5在水平和垂直方向均缩放。部分2、4、5、6和8可能根据panel sprite对象属性设置重复而不是缩放。

与普通sprite相比,9 patch sprite的缩放方式

9panel3

9panel4

普通sprite对象的图像按统一比例缩放,而9 patch sprite对象的图像按照不同部分缩放,保持其比例和图像质量。

使用Panel Sprite

要使用Panel Sprite,请从右侧的Objects面板中创建一个新对象。创建对象后,您可以为每个边框周围设置边距的大小。边距是分隔每个部分的顶部,左侧,右侧和底部线条。对象属性中的默认宽度和高度应表示使用的总图像的大小(以像素为单位)。

您还可以在此属性窗口中切换Panel Sprite的边框和中心段是拉伸还是重复。

对象属性中使用的边距应表示您的图片的中心部分,当对象的比例发生变化时,该部分将被缩放或重复。

如果顶部边距设置为100,则边距将距离顶部100像素,如果底部边距设置为100,则边距将距离底部100像素。

如果启用了"重复边框和中心纹理",部分2、4、5、6、8将重复而不是拉伸。这将使对象按照类似瓦片精灵对象的方式缩放。

参考

Panel Sprite (9-patch)对象参考页面