阅读 72

Unity UI系统 -- NGUI简介

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面板拖拽


作者:陈言必行
链接:https://juejin.cn/post/7027643852634718216


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐