Unity UI系统 -- NGUI简介

1,141 阅读2分钟

「这是我参与11月更文挑战的第7天,活动详情查看:2021最后一次更文挑战

NGUI简介:

NGUI的历史:

NGUI的最早版本发布于2011年12月份,NGUI可以说是Unity平台最强大的第三方UI系统Unity早期版本(Unity4.6之前),引擎自身的UI系统是很差的,绝大多数项目都是使用的NGUI进行UI界面开发的

NGUI插件目录结构:

  • Editor: 编辑器扩展

  • Examples:示例工程

  • Resources :资源文件

  • Scripts:脚本组件

【Unity 是基于组件形式的引擎,任何功能都是一个独立的组件,组件其实就是一个类,一个对象,一个脚本;NGUI中所有的UI也都是通过组件的形式体现的。】

NGUI基本使用方法:

使用NGUI显示文字:

简单思考:

之前我们想显示一个简单3D模型,我们可以创建一个Cube物体,那么我们想显示文字,需要创建什么呢,而且我们使用的是NGUI?和文字有关的单词有Text和Lable。

操作步骤:

  • NGUI -- Craete -- Label 创建一个用于显示文字的“游戏物体”,切换到Game面板,我们可以看到“New Label”字样,,,

NGUI层次结构:

UI Root(所有的NGUI元素都是请问这个字物体)

  • Camera (用于渲染NGUI的摄像机)

  • Label (Lable游戏物体)

  • More UI (更多的游戏对象)

NGUI的操作细节:

1,在Scence视图“紫色”的矩形,就是我们NGUI的操作范围,其实也就是UIRoot的范围(鼠标选中UI Root,这个矩形区域会高亮显示)

2,我们可以点击Scene视图上方的“2D”按钮,切换到“2D”编辑模式

3,在2D的模式下,鼠标会选中UIRoot,紫色矩形也会高亮,现在将鼠标放到矩形上,点击鼠标右键,会出现NGUI的操作菜单,这个菜单我们以后会经常大量的使用

4,摄像机的图标会影响到我们得操作,可以将这个图标调小,点击Scene面板右上角Gizmos,3Dlcons 选项,调小即可

Prefab Toolbar (功能菜单)

打开Prefab Toolbar

NGUI -- Open --Prefab Toolabar

Prefab Toolbar 简介:

Prefab Toolbar:(NGUI)预制体工具栏,其实就是NGUI提供的一些现成的UI功能元素的预制体文件,我们可以直接鼠标单击选中,然后往Scene面板拖拽

PS:需要NGUI插件的可以点击下载,记得点赞哦