NGUI系列教程 第一部

转自：http://blog.youkuaiyun.com/jbjwpzyl3611421/article/details/10593277

首先导入NGUI package ，这里我们选用的是2.6.3 版本的NGUI 。在 unity 工程窗口中点击右键选择 Importpackage àcustom package ，选择你下载的NGUI 插件，导入完成后效果如图:

１．选择菜单NGUIàOpen the UI Wizard,弹出创建UI对话框。点击Layer窗口右边对应的按钮，弹出层选择对话框，在这里我们选择AddLayer

新建Layer窗口中，我们新建一个叫NGUI的Layer，添加Layer之后

再次回到UITool窗口，更改界面Layer为NGUI

在下面的Camera选项中有None，Simple2D，Advanced 3d选项，分别用于创建不带camera的界面（这里如果已经有一个UI界面，我们只是想添加一个新的界面，可以选择这个），简单的2D界面（此选项没有Z轴效果），高级3D界面（此选项下的界面有Z轴效果，并且可以3D旋转，以此选项创建的UI有自适应分辨率的功能）。

在这里我们先创建一个Simple2D界面，选择好之后点击下面的Create Your UI按钮，创建一个UI。程序会自动为我们创建一个有节点层级关系的一些物体，如图，分别是UI根节点，，一个相机节点，一个锚点节点，和一个用于盛放按 钮等UI的Panel节点我们现在可以不用管这些节点的功能和作用，只要记住Panel节点即可，以后我们创建的所有按钮等UI都放在Panel层级下。

创建UI元素，选择菜单NGUIàOpen the Widget Wizard,弹出创建UI元素对话框

首先是Atlas窗口，Atlas就是一个大的图片，里面用于存放我们需要用到的各种图标。在后面我们将讲解怎么创建自己的Atlas,Font是我们创建UI时用到的字体，Template可以允许我们选择要创建的UI类型，包括Label，Spirit等等，如图

我们可以使用NGUI自带的一些Atlas，如图是NGUI自带的一些 Atlas ，其中带有 Font 字样的是字体 Atlas 。

这里Atlas我选择Fantasy Atlas，Font选择Fantasy Atlas –Font Normal，在项目窗口中选择Fantasy Atlas拖到Atlas中，选择Fantasy Atlas –FontNormal，拖放到Font中，

在Template中，我们选择 Spirit，Spirit选项让我们选择需要创建的图标，这里我们选择smooth，Pivot默认的center ,然后确保AddTo右边的选项是我们要添加到的Panel中，如果不是，我们可以在Inspector中点击选中panel，NGUI会自动为我们切 换。最后点击AddTo，NGUI会在Panel节点下创建一个名称为Sprite (Smooth)的spirit。属性窗口如图：

1.      这里的atlas，Spirit，Pivot都是刚才创建的时候已经选择好的，如果不满意可以在这里修改。

Depth可以控制我们的图标向前或者向后偏移，例如如果我们想要某个图标在另一个图标的上方，我们可以把它的Depth设置更大。

Correction主要用于修正因图标像素是奇数而出现的问题。

Color Tint可以在图标颜色的基础上为图标着色，

Clipboard是剪贴版的颜色，当我们选择一个Cilpboard颜色后，点击Paste可以将颜色粘贴到ColorTint的颜色上。

Spirit Type表示要创建的Spirit平铺方式，包括Simple，Sliced，Tiled，Filled。如果图标较小，我们需要平铺很大，但是又不想看出重复，可以选择sliced。

这里我们选择sliced，Fillcenter选择默认。然后修改Spirit的缩放值。我们可以选择不同的SlicedType查看不同选项的效果。如图所示:

其中前三种选项大致一样，只有第四种Filled选项下又包括Fill Dir（填充方向），FillAmount（填充量），Invert Fill（反转填充）三个选项，这三个主要用于修改填充为360旋转填充，水平，垂直填充等，大家可以自己试验一下效果。