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

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

经过上面的操作后在图片放大之后,边缘部分是没有拉伸的
放大前:
NGUI_的Sprite学习_002

放大后:
NGUI_的Sprite学习_002

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

相关文章:

  • 2021-08-05
  • 2021-06-16
  • 2021-06-10
  • 2021-07-15
  • 2023-02-20
  • 2021-12-29
  • 2022-01-04
  • 2021-05-22
猜你喜欢
  • 2021-10-18
  • 2021-05-16
  • 2022-12-23
  • 2022-12-23
  • 2021-12-27
  • 2022-12-23
  • 2021-09-21
相关资源
相似解决方案