NGUI是Unity3D引擎上一个最常用的界面制作工具。

特性

完全集成到Inspector面板中。

不需要点击Play按钮就能查看结果。

在场景视图中看到的就是在游戏视图中得到的(所见即所得)。

基于组件的、模块化的特性:要让你的界面控件做什么,只需为其附加相应的行为,而不需要编码。

全面支持iOS/Android和Flash。

灵活的事件系统。

可以让复杂的UIs只占用一个draw call。

可以直接在编辑器中创建、更新/修改纹理地图集,或从Texture Packer程序导入纹理地图集。

支持光照贴图、法线贴图、折射等特性,让你尽情发挥创造力!

支持硬边或柔性的面板裁剪。

支持灵活尺寸的表格,能够自动对控件进行排列。

通过IME输入法支持东方语言(有Web版本的演示程序)

内建本地化系统。

内建的键盘和摇杆支持。

提供大量有用的辅助脚本,从改变按钮颜色到拖拽对象。

简单的内建补间动画系统。

简洁和高度优化的C#代码。

没有DLL,也不依赖于其他外部资源NGUI的使用方式与Unity的使用方式一样。使用Widget Tool可快速创建模板化的控件,或者从基本组件创建你自己的控件。可以按照你的意愿拷贝/粘贴,把你的窗口保存为prefabs。所有一切只需简单地点

击操作即可完成。当需要编写代码让控件移动时,可以选择简单的例子代码,可以把你的控件转变为按钮、输入框、基于事件改变颜色、播放声音、触发动画等等。[1]

ps:好吧,我承认上面的都是百度的。下面的才是我一个一个打的。

第一步:导入NGUI包

这个大家都应该会的了。我就不多说了(截止到2014年7月9日,最新版的NGUI版本是3.6.7,我现在教程用的是3.6.5,NGUI包后面会给大家送上下载链接);

导入之后,随便点下那个文件夹,在unity上方的菜单栏就会出现NGUI的菜单了。

第二部:给场景加上root

1、首先打开Widget Wizard


      2、open一个新的UI,出现右边的界面,AddLayer,命名为NGUI

        3、可以看到出现,选择Layer为NGUI,第二个camera选项,分simple2D,advanced3D。顾名思义,大家应该可以理解的。

        when you ready,create you UI 吧。这时大家可以看到hierarchy上多了两个东西,这个就是NGUI的根目录了,下面挂着你的2Dcamera

      4、接下来让我们创建一个button吧。大家可以看到在Tool栏有Atlas(图集),font(字体)。NGUI自己自带有几个图集(也可以自己创建,后续再说)和几个字体。相应的图集也对应着相应的字体。现在随便选择一个Atlas和font

      5、这个大家看图应该明白的了 。。。。哈哈啊。点Add to我们可以看到在UI Root下面出现一个button。

选择背景

最重要的还是送上NGUI包链接了:

  http://pan.baidu.com/s/1bn73cJH