Unity3D NGUI 入门教程:官方示例详解

5星 · 超过95%的资源 需积分: 32 378 下载量 150 浏览量 更新于2024-07-24 7 收藏 27.78MB DOC 举报
"NGUI官网示例详解 全13个示例" NGUI是一个在Unity3D引擎上广泛使用的用户界面(UI)制作工具,它提供了丰富的功能来创建复杂的交互式界面。本教程通过详细解析NGUI官方提供的13个示例,帮助用户深入理解和掌握NGUI插件的使用。 第一个示例是"Example1 – UIAnchor",它展示了如何利用Anchor组件进行GUI的对齐。这个例子的主要目标是演示如何让UI元素根据屏幕尺寸动态调整位置,以保持在屏幕底部固定。 1. 在开始时,我们需要删除默认的Main Camera并创建一个新的GUI图层。然后,通过NGUI菜单选择"Create a new UI",设置相应的参数,例如UI的分辨率和方向,然后创建UI结构。 2. 创建的UI会在Hierarchy窗口中生成一个Panel节点。将Panel作为Anchor的子对象,这样Anchor就能控制Panel的对齐方式。 3. 将Panel重命名为"Anchor-Bottom",并在其下创建一个空的游戏对象,命名为"offset"。这个空对象用于存储相对于Anchor的偏移值。 4. 使用NGUI的"Create new Widget"功能,在"offset"下创建一个Label,用于显示文本"Bottom"。通过调整Label的深度,确保它位于其他元素之上,以便可见。 5. 同样,添加一个SlicedSprite,深度设为小于Label,以防止遮挡。SlicedSprite通常用于创建具有边框和填充的图形,可以自适应大小变化。 6. 调整SlicedSprite的大小以适应设计需求,确保Label和SlicedSprite的位置关系正确。 7. 最后,将"Anchor-Bottom"的对齐方式设置为"Bottom",这样它会自动对齐到摄像机视口的底部。通过调整"offset"的坐标,可以改变UI元素与Anchor底部的距离,从而实现自适应布局。 这个示例的核心在于理解Anchor的对齐机制和如何通过深度控制UI元素的层次关系。通过实践这些步骤,用户能够掌握NGUI的基础操作,如创建UI组件、设置对齐方式以及管理对象的层级。随着对更多示例的学习,用户将逐渐熟悉NGUI的高级特性,如动画、交互事件处理、触摸输入支持等,从而在Unity3D项目中构建出高质量的用户界面。