NGUI_的Sprite学习_002

来源:互联网 发布:摄乎大国之间的句式 编辑:程序博客网 时间:2024/06/10 20:42

创建精灵的流程如下,选中UIRoot,在相机范围内右键,Create–>Sprite
这里写图片描述
我们可以先点击Atlas选择图集, 点击Sprite选择精灵
这里写图片描述
在精灵有Type属性
每一种Type的解释及适用场景:

Simple:标准的Sprite,自适应大小
Sliced:九宫格切片,创建固定边框控件的最佳选择。边框固定,图片中间做拉伸(缩放),如角色头像,按钮背景
Tiled:平铺,一个Sprite缩放填充整个区域,如背景平铺
Filed:每个Sprite有一个单独的参数(file Amout)来控制哪些是可见的,用来制作技能CD冷却时间或进度条
Advanced:高级的,自定义左右上下中的Sprite Type
这里写图片描述
当Type为Sliced适用于只拉伸中间部分,不拉升边框的部分。在上图Sprite后中点击Edit后出现下图内容。
这里写图片描述
设置Border可以定义拉伸的范围。
下图中框选的部分是不拉升的,通过Border可以设置不拉伸的范围
这里写图片描述

经过上面的操作后在图片放大之后,边缘部分是没有拉伸的
放大前:
这里写图片描述

放大后:
这里写图片描述

当Type为Tiled的时候,在对图片拉伸的时候,精灵会用自身去填充拉伸的内容。
这里写图片描述
当Type为Filled的时候,对图片填充。和UGUI里面一致。不在赘述。
Flip:旋转
这里写图片描述
Nothing是不旋转
这里写图片描述
Horizontal:水平旋转,就是绕y轴旋转
这里写图片描述
Vertical:垂直旋转,就是绕x轴旋转
这里写图片描述
Both:两者一起旋转
这里写图片描述
Color Tint:设置精灵的主色调

原创粉丝点击