NGUI Sprite的各种Type(Simple、Sliced、Tiled、Filed、Advanced)

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

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

image

 

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

Simple:标准的Sprite,自适应大小

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

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

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

Advanced:高级的,自定义左右上下中的Sprite Type

下面这张图是我们的原图

image

应用不同的Type

imageimageimageimageimage

 

__________________________________________ 详细参数讲解篇幅 ____________________________________________________

Type=Filed(填充)

 image

Type=Advanced(高级)

image

Type=Sliced(九宫格)

原图:image popup_1

使用sliced拉伸放大后:image image

切割参数:image image  image image

九宫格切图:在你拉伸图片时,让图片的四个角保持原来的尺寸,只拉伸图片中间部分。

你可能感兴趣的:(Advanced)