NGUI与UGUI的区别及其优缺点

article/2025/9/29 19:58:54
UIGUI与BGUI 的区别
首先说一下NGUI
      NGUI是严格遵循KISS原则并用C#编写的Unity(适用于专业版和免费版)插件,提供强大的UI系统和事件通知框架。其代码简洁,多数类少于200行代码。这意味着程序员可以很容易地扩展NGUI的功能或调节已有功能。对所有其他用户而言,这意味着更高的性能、更低的学习难度和更加有趣。完全集成到Inspector面板中。 不需要点击Play按钮就能查看结果。 在场景视图中看到的就是在游戏视图中得到的(所见即所得)。 基于组件的、模块化的特性:要让你的界面控件做什么,只需为其附加相应的行为,而不需要编码。 全面支持iOS/Android和Flash。 灵活的事件系统。 可以让复杂的UIs只占用一个draw call。

UGUI
UGUI是在NGUI之后出的,所以他们有很多大同小异的地方,下面我简单的总结一下他们的相同的地方,咱们主要 看下UI主要的通用几个组件:
Button    Toggle   Scroll Bar    Progress Bar    Input Field    Popup List   Localization    Play Sound   Scroll View
咱们在看一下他们区别


 
NGUI                UGUI
锚点   Anchor               RectTransform Anchor
图片              Sprite Image
文字             Label Text
根节点 UIRoot Canvas
UI面板 Panel Canvas
UI容器 uiWidget Panel
事件交互 Collider EventSystem
单张贴图 Texture RawImage
UI相机 camera + UICamera camera + EventSystem


然后我说一下他们的优缺点
1) NGUI还保留着图集,需要进行图集的维护。而UGUI没有图集的概念,可以充      分利用资源,避免重复资源。   
 2) UGUI出现了锚点的概念,更方便屏幕自适应。 
 3) NGUI支持图文混排,UGUI暂未发现支持此功能。     
 4) UGUI没有 UIWrap 来循环 scrollview 内容。     
 5) UGUI暂时没有Tween组件。
以下是我在网上看到的一个NGUI与UGUI的对比图,希望对大家学习有一定的的帮助



http://chatgpt.dhexx.cn/article/7rJ3LTsp.shtml

相关文章

NGUI的使用教程与实例

原文地址:http://www.tasharen.com/?page_id185 NGUI下载地址:点我传送 NGUI教程:步骤1-Scene 1.创建一个新的场景(New Scene)。 2.选择并删除场景里的MainCamera。 3.在NGUI菜单下选择Create a New UI&#xff0c…

Unity NGUI 插件 简介

文章目录 Unity NGUI一. NGUI基础1.1 导入NGUI插件1.2 基本UI资源1.3 制作UI图集1.4 制作UI字体1.5 UIRoot、UIPanel 和 UICamera 组件1.6 Depth (深度) 二. 核心组件2.1 UISprite (精灵)2.2 UILabel (标签)2.3 UITexture (纹理)2.4 UIButton (按钮)2.5 UISlider (进度条)2.6 U…

Unity3D种UGUI与NGUI的对比差别(2)

层级管理概念UGUI采用Hierarchy排序的方式,替代了NGUI中的Depth排序。更精准的说,NGUI的排序是通过Depth、Z值、RenderQueue共同影响的,整体规则过于复杂;而UGUI采用的排序比较简单,在Canvas内部元素采用Hierarchy方式…

NGUI插件] 收录最全的NGUI示例文档中文教程(更新版本3.0.5)

NGUI3.0.X官网示例中文讲解 本站NGUI各个版本插件下载地址 NGUI 2.7.0中文字体的使用 官方网站上的控件说明翻译: NGUI控件说明(中文) UIWidget NGUI控件说明(中文) UIRoot NGUI控件说明(中文) UIPanel NGUI控件说明(中文) UICamera NGUI控件说明(中文) UIStretch NGUI控件…

NGUI 3.5教程(一)安装NGUI 3.5.8

写在前面: 网上找的NGUI教程,都是基于2.x版本的。为了能配合教程学着做,我也是下载了各种NGUI 2.x版本。但是在导入的时候,或多或少都报错(我用的Unity 的版本是4.3.2)。无奈之下,只好下载了最…

[Unity3D]事半功倍:界面插件NGUI的使用教程与实例

原文地址:http://www.tasharen.com/?page_id185 NGUI下载地址:点我传送 NGUI教程:步骤1-Scene 1.创建一个新的场景(New Scene)。 2.选择并删除场景里的MainCamera。 3.在NGUI菜单下选择Create a New UI&#xff0c…

GUI之安装 一、打开NGUI的官方网站

GUI之安装 一、打开NGUI的官方网站 http://www.tasharen.com/?page_id140 二、往下拖网页找到免费版本的下载地址并下载 三、在Unity3D工程中导入所下载的unitypackage 点击Unity3D左上角的菜单Assets->ImportPackage->CustomPackage 在弹出的选择窗口中选择之前下载的…

NGUI -- UILabel

注意:本文翻译时NGUI版本已经更新到3.0.7 原文地址:http://www.tasharen.com/forum/index.php?topic6706 总览 UILabel是能用于显示文本的挂件。 所有Label需要一个字体才能正常工作。这个字体可以是动态的(Dynamic)&#xff0…

NGUI -- UIPanel

注意:本文翻译时NGUI版本已经更新到3.0.7 原文地址:http://www.tasharen.com/forum/index.php?topic6705 总览 UIPanel是一个保存并管理它下面所有挂件的组件。UIPanel负责通过挂件的几何结构创建真正的draw call。如果没有Panel,没有任何…

NGUI使用教程(1) 安装NGUI插件

前言 鉴于当前游戏开发的大势,Unity3d的发展势头超乎我的预期,作为一个Flash开发者,也是为Flash在游戏开发尤其是手游开发中的地位感到担忧....所以 最近一段时间都在自己学习unity3d,技术只有不断学习才能跟上迅猛的计算机潮流,所以博主写这篇文章即是自…

UI(一) - NGUI和UGUI比较

UI是游戏项目中重要的组成部分,面对一个从零开始的项目,首先要确立的就是选用哪个UI系统作为主框架。 现在主流项目中基本上都是NGUI和UGUI,那么到底选哪个。我们先来做个比较。 图集处理功能比较 NGUI需要使用工具手动拼接图片成图集。UGUI…

NGUI系列教程一

首先导入NGUI package ,这里我们选用的是2.6.3 版本的NGUI 。在 unity 工程窗口中点击右键选择 Importpackage custom package ,选择你下载的NGUI 插件,导入完成后效果如图: 1.选择菜单NGUIOpen the UI Wizard,弹出创建…

最新版本的NGUI插件NGUI Next-Gen UI

NGUI的最新版本,在商店上直接卖95美元 由于Unity自身版本升级的原因,以及Unity5之后自带了UGUI,所以NGUI的使用率也大大下降了。 更何况,Unity2017版本之后很多老版本NGUI就用不了,很大一部分原因是Unity新版本弃用一…

UI框架的使用(NGUI)

1.导入资源包 2.把NGUI面板制作成预设体,然后把预设体拖到Resources/UIPanel中(一定要放在Resources/UIPanel中,后面路径读取的时候就是这个路径) 3.为各自面板建立对应的脚本,然后再把脚本挂给对应的面板 4.为各个…

【Unity】NGUI下载与导入

NGUI是UGUI出现之前的Unity3D最流行的UI插件,很多比较早的游戏教程都是用的NGUI。 本人因学习原因需要用到NGUI,但捣鼓了很久才成功(导入后菜单栏没有NGUI),下载了几个版本才发现是版本问题,现将下载与导入使用NGUI的方法总结如下,节省大家时间,少走弯路。 1、下载NGUI…

Unity学习日志_NGUI简介

Unity学习日志_NGUI简介 NGUI仅支持相机模式。 UIRoot UIRoot类似于UGUI中Canvas的UI Scaler组件,负责缩放模式调节。 属性: Scalling Style: Flexible:旧版本叫PixelPerfect,指永远保持图片自身像素大小不变。适合…

NGUI简介

NGUI NGUI是一款为Unity游戏引擎开发的工具功能扩展的UI插件,它能够为开发者提供了方便快捷的UI设计方法,加快设计游戏的速度。详细的介绍还是请读者到NGUI官网查看: http://www.tasharen.com/?page_id140 在Unity中,如果要使…

NGUI

(一)NGUI NGUI概述:NGUI是严格遵循KISS原则并用C#编写的Unity(适用于专业版和免费版)插件, 全面支持iOS/Android和Flash。相比UGUI(Unity自带的UI系统),有着更高的性能和…

【Unity】 NGUI学习笔记(二)NGUI基础功能

文章目录 NGUI基础功能与知识点Atlas图集资源Sprite精灵Button按钮Anchor(锚点)Label文本Toggle开关Slider滑动条Popup List下拉框Panel面板Input Field Script文本域脚本Text List组件Chat Input组件Scroll Bar滚动条(预制件)Scr…

NGUI插件的使用

一、NGUI的公有属性 Widget面板属性: Privot设置原点位置 Depth设置深度(跟UGUI一样,深度高的会挡住深度低的UI) Snap恢复初始大小 Size设置大小 Aspect宽度/高度,(Free模式下才可设置高度和宽度&#xff0…