Unity3D NGUI详细教程:GUI对齐与组件使用
5星 · 超过95%的资源 需积分: 9 74 浏览量
更新于2024-07-25
收藏 22.53MB PDF 举报
"NGUI官网中文教程详解,包含13个例子,全面解析Unity3D中的NGUI界面制作工具,通过实例学习GUI对齐、创建和管理等操作。"
NGUI是一个专门针对Unity3D引擎设计的用户界面(UI)系统,它提供了丰富的功能,包括界面布局、交互元素创建、事件处理等,极大地简化了2D和3D游戏的界面开发工作。本教程以中文的形式,详细解读了NGUI的使用方法,适合初学者和有一定经验的开发者参考。
教程中的第一个例子——Example1,主要展示了如何利用NGUI创建基本的GUI布局。首先,通过Unity3D引擎,我们启动NGUI的创建新UI流程,这涉及在菜单栏选择NGUI->Create a new UI,然后在弹出的对话框中设置相关参数。点击“Create Your UI”按钮后,Hierachy窗口会自动生成预设的UI结构。
接着,为了实现GUI元素的对齐,我们需要将生成的Panel的父物体改为UIAnchor。UIAnchor组件在NGUI中用于实现界面元素的锚点定位,确保它们在不同分辨率下依然能保持正确的位置。我们将这个新的父物体命名为Anchor-Bottom,并添加一个空的游戏对象offset,用于调整子对象相对于Anchor的位置。
然后,我们可以使用NGUI的WidgetTool创建新的控件,例如Label和SlicedSprite。Label用于显示文本,SlicedSprite则常用于制作可拉伸的背景图片。在创建这些控件时,我们需要注意调整它们的深度值,以控制显示的顺序。例如,将Label的深度设置为0,SlicedSprite的深度设为-1,这样Label会在SlicedSprite之上显示。
在调整了控件的位置和大小后,我们还需要设置Anchor-Bottom的对齐方式。通过将side设置为“Bottom”,可以使得该元素始终位于摄像机视口的底部,通过offset可以微调其位置。教程中提到的其他7个Anchor的例子,将会涵盖更多方位的对齐方式和更复杂的界面布局技巧。
通过跟随这些详细的步骤,读者不仅可以了解NGUI的基本操作,还能逐步熟悉Unity3D中的GUI系统,提升自己的界面设计和交互开发能力。此外,这份教程还包含了丰富的截图和详细的注释,使得学习过程更加直观和易懂,是一份非常实用的NGUI学习资料。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2014-04-30 上传
2014-05-24 上传
2014-04-25 上传
2014-03-19 上传
2013-04-17 上传
一片
- 粉丝: 146
- 资源: 31
最新资源
- MATLAB新功能:Multi-frame ViewRGB制作彩色图阴影
- XKCD Substitutions 3-crx插件:创新的网页文字替换工具
- Python实现8位等离子效果开源项目plasma.py解读
- 维护商店移动应用:基于PhoneGap的移动API应用
- Laravel-Admin的Redis Manager扩展使用教程
- Jekyll代理主题使用指南及文件结构解析
- cPanel中PHP多版本插件的安装与配置指南
- 深入探讨React和Typescript在Alias kopio游戏中的应用
- node.js OSC服务器实现:Gibber消息转换技术解析
- 体验最新升级版的mdbootstrap pro 6.1.0组件库
- 超市盘点过机系统实现与delphi应用
- Boogle: 探索 Python 编程的 Boggle 仿制品
- C++实现的Physics2D简易2D物理模拟
- 傅里叶级数在分数阶微分积分计算中的应用与实现
- Windows Phone与PhoneGap应用隔离存储文件访问方法
- iso8601-interval-recurrence:掌握ISO8601日期范围与重复间隔检查