跳到主要内容

九宫格矩形

概述

可扩展的基于纹理的框架,对纹理的中心和侧面进行拼接,但保持角落的原始尺寸。非常适用于面板和对话框。

九宫格矩形也被称为9片式面板,它基于一个小的纹理,产生任何尺寸的面板。它将纹理分割成3×3的网格。当你缩放节点时,它在水平或垂直方向上平铺纹理的两侧,在两个轴上平铺中心,但它不会缩放或平铺角部。

节点用法

属性

九宫格矩形主要有以下属性:

  • 纹理:九宫格矩形中显示的图片

  • 渲染中心:勾选后,九宫格矩形绘制面板的中心,否则只绘制边框

  • 修补间隙:九宫格切片各个方向上的大小,单位为像素。你可以单独设置所有4个边距值,来创建有非统一边框的面板。

  • 轴拉伸

    • 拉伸 --- 将中间纹理拉伸到9切片矩形。这可能会导致纹理失真。

    • 平铺 --- 在 NinePatchRect 上重复中心纹理。这不会导致任何可见的失真。纹理必须是无缝的,这样才能在边缘之间不显示伪影的情况下工作。

    • Tile Fit --- 在九宫格矩形上重复中心纹理,但也会拉伸纹理以确保每个图块都完整可见。这可能会导致纹理扭曲。纹理必须是无缝的,这样才能在边缘之间正常显示的情况下工作。