ngui 教程一 转载自：雨松MOMO程序研究院

NGUI研究院之开始学习制作第一个例子（一）

NGUI研究院之开始学习制作第一个例子（一）

原创文章如转载，请注明：转载自雨松MOMO程序研究院

本文链接地址:NGUI研究院之开始学习制作第一个例子（一）

NGUI是Unity的一个插件，使用它来制作你的游戏UI必定将事半功倍。为什么这么说呢？首先我们说说GUI与NGUI的区别，GUI是Unity自带的绘制界面工具，它的成像原理是基于表层的，所以执行效率非常的低，并且没有提供复杂的UI的接口，就算开发者硬着头皮写上去只能让UI的执行效率更低。然而NGUI 完全依赖与3D就好比在游戏世界中的摄像机直直的照射在一个平面中，在平面之上再去绘制自己的UI，所以它的执行效率会非常高。

NGUI是一款收费的插件，在Asset Store中大家可以看到价格。在未购买正版的前提下我们可以通过两种方法来使用NGUI，第一种：使用官方提供的免费版本，但是这个版本中有NGUI的水印，无法正式发布不过完全可以作为学习使用。第二种：使用别人购买过的正版插件，在互联网中有朋友放出NGUI的插件。

这里提供免费版本NGUI的下载地址，欢迎大家和MOMO一起学习

下载地址:http://www.tasharen.com/get.php?file=NGUI

插件下载完毕后打开Unity开始导入插件，首先在Project视图中右键选择Import Package->Custom Package->ngui_free.unitypackage（刚刚下载至本地的插件）导入完毕后，请刷新一下你的工程确保Unity导航菜单栏中出现NGUI的菜单项，Unity的版本不同可能导致NGUI导入时不存在菜单项，也可以退出Unity在重新进入即可。

首先在新创建的Unity工程中删除Hierarchy视图中原有的摄像机对象，在Unity导航栏菜单中选择NGUI->Create a New UI。可以理解为创建摄像机，并且这个摄像机直直的照射在平面中，该平面就是我们的UI平面。如下图所示，点击Create a New UI 菜单项后弹出UI Tool工具栏。Layer下拉列表表示摄像机的显示层，用过摄像机的都应当清楚吧？ Camera下拉列表设置摄像机的朝向是2D 还是3D，最后直接点击Create Your UI即可创建一个新的界面。

接着NGUI会自动帮我们在Hierarchy视图中生成如下的对象关系。

UI ROOT(2D)：看着名字我想搞程序的都应该知道是啥意思吧？界面根节点、入口点。

Camera ：NGUI生成的摄像机对象，它将直直的照射在锚点面板。

Anchor：界面的锚点，影响UI的显示位置。它下面会挂着面板。

Panel：面板，摄像机照射着它，它下面会挂一些控件，比如标签、按钮、精灵、拖动条等等。

接着我们开始创建界面组件，在Unity导航菜单栏中选择NGUI-> Create a Widget创建小部件，然后选择字体与图像集合，这里先选择它自带的图像集合，后面我们在学习如何制作自己的图像集合。接着选择贴图的模板最后完成创建即可，这里我们创建一个简单的贴图。

OK下面我们将材质绑定在刚刚创建的Simple Texture身上。如下图所示，Transform中是名对象的变换。

P：X、Y、Z坐标

R：X、Y、Z轴的旋转

S :X可理解为图片宽，Y理解为图片高

刚刚我们创建的模板为Simple Texture，NGUI会帮我们绑定UITexture脚本。