此教程属于

NGUI 的具体操作,主要描述怎么制作一个游戏中的 UI ,相对来说比较简单,熟能生巧哇,动手操作一遍就可以完全掌握的。

1

,在 PS 里面设计好要做的 UI ,然后切片成很多个 png 的图片(这属于美工的活啦,所以会描述的的比较简单点哈)

2

,在 Unity 中 Project 下新建一个 Folder,F2 重命名为 ResUI, 以后就用来存放所有的 UI ,在 ResUI 里面重新新建一个 Folder ,我们这次以开始界面为例,因此 F2 重命名这个 Folder 为 StartUI ,这个 StartUI 用来存储关于开始界面的所有资源。



3 ,找到工程文件的根目录,把刚刚切好的

png 图片拷贝到 StartUI 文件夹里面(也可以在 Unity 里面用 Import New Asset 的方式导入,但是这种导入方式只能一张一张进行,比较慢),再打开 Unity ,鼠标选中 StartUI 文件夹,在 Unity 上方点击 NGUI 中的 Atlas Maker 选项(快捷键为 Shift_Alt_M ),出现如图所示窗口:



给图集命名为 StartUI-Atlas,

如图:



然后鼠标选中 StatUI

文件夹下的所有 png 图片(这个就不用说怎么做了吧,哈哈),会在窗口中显示选中的图片,点击 Create 按钮,那么这个图集开始界面的图集就制作好了······

4 ,制作图集会自动生成一张图集,一个

prefab, 一个 material ,点击这个 prefab ,在 Inspector 窗口会显示图集信息,刚刚有几个 png 图片,图集里面就会有几个 sprite, 在这里可以调节 sprite 的大小和位置, width 和 length 用来调节大小(宽度和长度), Border 是用来制作 Slice Sprite 时才会用到的,除 Slice Sprite 外四个值都调为 0.

Slice Sprite 是一个可以拉伸的

sprite, 通过 border 中设置的值,它扩大的时候只会扩大中间的部分,边缘的不会有变化,因此对于有发光边缘的但内部无渐变无图片的背景,可以将发光部分设置为边缘,可以无限的扩大也没有任何视觉影响,这样极大的节省了资源。


5 ,在

show 里可以选择显示整张图集还是只显示一个 sprite ,


同时在这里也可以删除或者添加sprite,



也可以给Sprite改名字,