（一）NGUI

NGUI概述：NGUI是严格遵循KISS原则并用C#编写的Unity（适用于专业版和免费版）插件， 全面支持iOS/Android和Flash。相比UGUI（Unity自带的UI系统），有着更高的性能和更低的学习难度。

在进入学习之前，首先下载NGUI插件，解压缩并导入到Untiy中：NUGI插件下载链接



NGUI插件包



导入NGUI插件包

导入NGUI插件包之后我们会发现在菜单栏中，出现了NGUI一栏，说明导入完成了。

 



导入完成

首先熟悉下NGUI预制的工具栏：



打开Prefab Tollbar

我习惯将此工具栏拖放到Project视图界面中：



拖动



拖动完成

这些工具我们就可以直接使用了，首先我们把Scene场景切换成2D模式，一般来说，做UI界面，切换到2D更为方便直观。然后试着导入背景：



切换2D，导入背景

这个紫色的框架就是相机的视野范围，所以要展现给玩家的UI界面也要控制在这个紫色框架之内：



相机范围框架

之后我们把Prefab Tollbar中的其他工具导入到背景里。发现相机的图标挡住了游戏对象，向左调一下3D Icons即可：



把相机的图标向左调至最小



完成

就让我们运行一下，看看各控件的功能：



多多尝试，都是游戏中常用的控件。接下来的章节会对这些常用控件逐一进行讲解。

 
==
ngui需要拆分经常变化的和不变化的

NGUI是UGUI出现之前的Unity3D最流行的UI插件，很多比较早的游戏教程都是用的NGUI。

本人因学习原因需要用到NGUI，但捣鼓了很久才成功（导入后菜单栏没有NGUI），下载了几个版本才发现是版本问题，现将下载与导入使用NGUI的方法总结如下，节省大家时间，少走弯路。


接学生游戏作业、项目

1、下载NGUI插件资源包  

 我原以为NGUI是旧版Unity自带的功能

但我电脑装的2018版Unity

寻思着要不要再下一个旧版的

幸好我不懒

花了点时间搜索才发现NGUI原来是个非官方制作的插件

但这个插件哪里有呢？

继续搜

看到一个有钱人写的教程说要去官方的资源商店下载

我一看

擦，竟然要95刀！！！



作为一个穷人，这点自知之明我还是有的，这钱无论如何我是出不起的了。

继续使用万能的Search Engine，让我发现了相当多的资源，每一个都明码标价：有要3积分的，5积分的，幸好我“国库”还算充裕，于是毫不犹豫就拿下了一个。

打开Unity跃跃欲试，纳尼？菜单栏没有显示NGUI，是刷新问题吗？重启。。。还是失败。。。

经验丰富的我隐约察觉到可能是版本问题，又去下载了一个新一点的版本，还是不行。

这次我怒了，莫非真的是要耗尽我的积分？

不行，绝不能硬拼，砸“钱”解决问题不符合我的作风。

于是我机智地在Search Engine加上了“最新版”这三个闪闪发光的大字，下了个v3.11.2版本。

果不其然，v3.11.2完美地与Unity合为一体。

在Component与Window之间，NGUI这4个字母正在菜单栏散发着神圣的光芒。。。

我流下了激动的泪水。。。

文末有下载链接

 

2、导入资源包 

 导入有两种方式

1）打开Unity后，双击后缀为".package"的文件

2）直接把".package"文件拖到Unity中

 

 

3、 查看菜单栏  

导入完成后菜单栏如果有【NGUI】，表示导入成功

 

 

 

NGUI v3.12.0： 点击下载         适合Unity2018

NGUI v3.11.2： 点击下载         适合Unity2017

NGUI v3.9.1： 点击下载

新手如果没有积分下载，点击下面链接

链接：https://pan.baidu.com/s/1hPf4brhN8RvcKP7HSwphHw 

提取码：0iim

接学生游戏作业、项目

 

写在前面：

    网上找的NGUI教程，都是基于2.x版本的。为了能配合教程学着做，我也是下载了各种NGUI 2.x版本。但是在导入的时候，或多或少都报错（我用的Unity 的版本是4.3.2）。无奈之下，只好下载了最新的 NGUI 3.5.8，这下导入的时候终于正常。但是新问题又出现了，那就是NGUI 3.5.8的界面、操作，和NGUI 2.x教程根本对不上！官网的文档也没有说明！只能很痛苦的自己琢磨。 为了朋友们不像我这么痛苦，我这就写一个NGUI 3.x 的小白教程出来！
    欢迎大家纠错、拍砖！辛苦的原创，如有转载，请注明出处。

     

安装NGUI 3.5.8

   1， 安装包，可以去NGUI 的官网（http://www.tasharen.com）购买和下载。
    或者在网上找到其他的下载源。如果商用，还是推荐购买正版。NGUI插件包如下图：

   2，在Unity 项目中，Project视图下，右键 【Import Package】-->【Custom Package】，选择刚刚下好的 NGUI 3.5.8插件包。然后，全部导入。




    3，导入后，单击Unity 的菜单栏，会刷新出一个新的选项【NGUI】，说明插件导入成功！



    可以看到，NGUI 3.5 的菜单布局，跟2.x 差别很大！研究了几天，发现操作起来也是完全不一样，在3.5之后，废弃了很多2.x的操作，引入新的操作方法，还合并了一些控件（比如两个button合并成一个了）。下一篇文章，将逐渐说明这些控件的操作！从Label开始！