ngui做界面

2015年02月02日 09:48 0 点赞 0 评论 更新于 2025-11-21 15:57

利用NGUI创建游戏界面是其主要功能之一,本文将重点介绍如何运用NGUI在3D世界中创建游戏界面。

NGUI简介与原理

关于NGUI的详细介绍,这里不再赘述。由于Unity 3D自带的界面绘制工具GUI效率较低,NGUI得到了广泛应用。其原理相对简单,它将UI绘制到一个平面(Plane)上,然后使用摄像机以平行投影的方式垂直摄像,这样就可以像处理普通3D物体一样处理UI。

版本说明

本文使用的是NGUI 2.6.4版本,若版本不同,部分操作可能存在差异,请自行调整。

相机设置的探索

许多NGUI教程一开始就建议删除主相机(Main Camera),这让我很苦恼,因为我的场景都是基于主相机构建的,不可能删除。由于当时对Unity多相机的使用不太了解,我进行了各种尝试。我曾尝试将主相机作为NGUI的相机,让NGUI的平面位于场景前方,虽然能看到界面效果,但界面会随着角色移动而抖动。

经过多次尝试,我发现其实不必如此麻烦,主相机和NGUI相机可以并存,它们投影的场景都会绘制在屏幕上,且互不影响。希望不了解这一点的开发者看到这里,能避免走弯路。

创建UI与界面布局

接下来,我们开始创建UI。在保留主相机的情况下,选择“NGUI -> Open the UI Wizard”,弹出UI工具后,保持默认设置,点击“Create Your UI”。

对于游戏UI,我们通常希望它们分布在屏幕的四边,当然也可以根据需求布置在中央。NGUI提供了一种出色的界面布局方法——锚点(Anchor),默认锚点为居中(Center)。

若要在界面的上下左右都布置UI,可以创建多个锚点。同时,为了方便统一管理UI的放大、缩小和位移等操作,建议将所有UI绘制在一个面板上。具体操作如下:删除新创建相机下的默认锚点及其面板,仅保留相机;然后选择“NGUI -> Create a panel”创建一个新面板;在该面板下创建多个锚点,并在每个锚点下创建所需的UI。

添加具体UI元素

完成布局后,就可以向各个锚点添加具体的UI元素了。例如,可以将左上角(LeftTop)锚点用于放置人物头像和血条,上面中间(Top)锚点用于放置怪物头像和血条,右上角(RightTop)锚点用于放置小地图,右下角(RightBottom)锚点用于放置技能按钮等。

作者信息

feifeila

feifeila

共发布了 3994 篇文章