官方文档：http://www.tasharen.com/forum/index.php?topic=6704.0

Sprite Type

下面是UISprite的Type截图，每一种Type都有不同的用途，在实际的项目中我们根据实际需求选择Type。

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI

每一种Type的解释及适用场景：

Simple：标准的Sprite，自适应大小

Sliced：九宫格切片，创建固定边框控件的最佳选择。边框固定，图片中间做拉伸(缩放)，如角色头像，按钮背景

Tiled：平铺，一个Sprite缩放填充整个区域，如背景平铺

Filed：每个Sprite有一个单独的参数(file Amout)来控制哪些是可见的，用来制作技能CD冷却时间或进度条

Advanced：高级的，自定义左右上下中的Sprite Type

Sprite Type示例

下面这张图是我们的原图

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_02

应用不同的Type

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_03NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_04NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_05NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_06NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_07

 

下面对详细参数进行讲解

Type=Filed(填充)

 NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_08

Type=Advanced(高级)

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_09

Type=Sliced(九宫格)

原图

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_10 NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_11

sliced拉伸放大后

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_12 NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_IT_13

切割参数

NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_14 NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_15  NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_16 NGUI Sprite Type（Simple、Sliced、Tiled、Filed、Advanced）_NGUI_17

九宫格切图

在你拉伸图片时，让图片的四个角保持原来的尺寸，只拉伸图片中间部分。