NGUI概述:NGUI是严格遵循KISS原则并用C#编写的Unity(适用于专业版和免费版)插件, 全面支持iOS/Android和Flash。相比UGUI(Unity自带的UI系统),有着更高的性能和更低的学习难度。
在进入学习之前,首先下载NGUI插件,解压缩并导入到Untiy中:NUGI插件下载链接


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

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

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


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

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

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


就让我们运行一下,看看各控件的功能:

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