NGUI与UGUI区别

对于NGUI和UGUI的区别,先对比一下UI内容的差别


NGUI UGUI
锚点AnchorRectransform Anchor
图片sprite

Image

文字LabelText
根节点UI_RootCanvas
UI面板PanelCanvas
UI容器UIWidgetPanel
事件交互ColliderEventSystem
贴图TextureRawImage
UI相机camera+UICameracamera+EventSystem
UGUI作为后起之秀,和NGUI相比有很多不同,不管是在自适应,渲染顺序还是图集方面,都现的更智能,当然UGUI的对NGUI一些常见的问题进行了简单的智能处理,当遇到特殊问题时,UGUI往往解决的不是很好。下面对两种UI的各方面进行简单的对比:

1.锚点:UGUI的锚点只能对父节点处理,不能实现锚点跨层级,没有NGUI灵活,解决了NGUI多重锚点由于时序而出现问题。

2.渲染顺序:NGUI是先根据Panel的Depth排序,Panel面板内部的再根据depth排序,NGUI的渲染顺序比较抽象,不直观。

                   UGUI根据层级面板的顺序排序,渲染顺序直观。

3.图集:NGUI:

           1.NGUI必须先打图集才能开始做界面,而且要一直考虑图集的大小规划问题。

            2.在对是否带透明通道的图片的处理上,NGUI可以分开打图集以减少内存占用。

            3.NGUI的一切操作都需要手动完成。

         UGUI:

           1.UGUI 的图集概念并不重,打包时,UGUI会自动打出图集。

           2.UGUI会根据图片格式和Packing Tag的标识打包成若干图集

          3.图片不能直接放在Resources文件夹下面,Resources文件夹下的资源将不会被打入图集

4.动画:NGUI的动画是Itween,UGUI的动画可以通过Dotween来实现,

        注:不要用unity的animation制作UI动画,UI每次显示和隐藏,Animator会重新Rebind一次Controller,导致无意义的性能损耗

总体来说,UGUI在性能优化方面比NGUI更好,但是扩展性和易用性有欠缺。

  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值