九宫格

九宫格的具体使用可以参看下面的视频~

九宫格组件允许通过拉伸或平铺边缘,角落和单独填充来调整图像大小。用于方便制作可调整大小的窗口或用户界面对象。我们看下面这个例子,左边使用的是九宫格,右边使用的是精灵对象。

右边使用的精灵对象,在缩放的时候就会产生形变和模糊,而左边九宫格组件可以保证4个角不变的情况下自由拉伸并且不会模糊。

九宫格编辑器

九宫格对象使用单个图像,在对象库双击九宫格进入九宫格编辑器设置的边距自动将其切割为九个部分。通过设置左边距,上边距,右边距和下边距,对象会自动计算出所有九个部分的大小和位置。

上传九宫格图片

在九宫格编辑器左上方按钮,上传九宫格图片。

九宫格四边设置

九宫格四个角落(下图中1,2,3,4)在图片放大或缩小时将保持原始大小不变。

九宫格四边(下图中5,6,7,8)在图片放大或缩小时将根据四边的设置进行平铺或拉伸。

九宫格中心(下图 中9)在图片放大或缩小时将根据中心的设置进行平铺或拉伸或透明。