[原创]NGUI第一课--初始NGUI
2015年03月12日 11:34
0 点赞
0 评论
更新于 2025-11-21 16:47
NGUI是Unity3D引擎中最常用的界面制作工具,以下为你详细介绍其特性及使用方法。
特性
- 深度集成:完全集成到Inspector面板中,方便开发者进行操作和设置。
- 实时预览:无需点击Play按钮,即可实时查看界面制作结果,提高开发效率。
- 所见即所得:在场景视图中看到的界面效果,与游戏视图中的效果一致,便于直观设计。
- 组件化与模块化:基于组件的、模块化的特性,开发者若要让界面控件实现特定功能,只需为其附加相应的行为组件,无需编写代码。
- 多平台支持:全面支持iOS、Android和Flash等主流平台,拓宽应用范围。
- 灵活的事件系统:提供灵活的事件系统,方便处理各种用户交互事件。
- 高效渲染:可以让复杂的用户界面(UIs)只占用一个draw call,优化渲染性能。
- 纹理地图集管理:支持直接在编辑器中创建、更新或修改纹理地图集,也可从Texture Packer程序导入纹理地图集。
- 丰富的渲染特性:支持光照贴图、法线贴图、折射等特性,为开发者提供更多创意空间。
- 面板裁剪支持:支持硬边或柔性的面板裁剪,满足不同的界面布局需求。
- 表格自动排列:支持灵活尺寸的表格,能够自动对控件进行排列,简化布局操作。
- 多语言支持:通过IME输入法支持东方语言,且有Web版本的演示程序;同时内建本地化系统,方便开发多语言应用。
- 输入设备支持:内建键盘和摇杆支持,适配多种输入设备。
- 辅助脚本丰富:提供大量有用的辅助脚本,涵盖从改变按钮颜色到拖拽对象等多种功能。
- 简单动画系统:拥有简单的内建补间动画系统,可轻松实现界面动画效果。
- 代码优化:采用简洁和高度优化的C#代码,便于开发者理解和扩展。
- 无外部依赖:没有DLL,也不依赖于其他外部资源,其使用方式与Unity一致。使用Widget Tool可快速创建模板化的控件,也可从基本组件开始创建自定义控件。支持拷贝、粘贴操作,还能将窗口保存为prefabs,所有操作只需简单点击即可完成。当需要编写代码让控件移动时,有简单的例子代码可供参考,可将控件转变为按钮、输入框,实现基于事件改变颜色、播放声音、触发动画等功能。[1]
使用步骤
第一步:导入NGUI包
此步骤大家应该较为熟悉,在此不多赘述。截至2014年7月9日,最新版的NGUI版本是3.6.7,本教程使用的是3.6.5版本。后续会为大家提供NGUI包的下载链接。导入NGUI包后,随便点击项目中的某个文件夹,在Unity上方的菜单栏就会出现NGUI的菜单选项。
第二步:给场景添加root
- 打开Widget Wizard:在Unity中找到并打开Widget Wizard工具。
- 创建新UI并设置图层:打开一个新的UI,在右侧界面中点击AddLayer,将其命名为NGUI。
- 选择相机模式:可以看到相关设置选项,选择Layer为NGUI。第二个camera选项有simple2D和advanced3D两种模式,从名称上大家应该能理解其含义。设置完成后,点击创建UI。此时在Hierarchy面板上会新增两个对象,这就是NGUI的根目录,下面挂着2D相机。
- 创建按钮:在Tool栏中有Atlas(图集)和font(字体)选项。NGUI自带了几个图集(也可自行创建,后续会详细介绍)和几种字体,且相应的图集对应着相应的字体。现在随便选择一个Atlas和font。
- 添加按钮到UI:点击Add to,即可在UI Root下面看到新添加的一个按钮。同时可选择合适的背景。