VUI和GUI的关系和区别,ugui ngui区别

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

NGUI UGUI锚点AnchorRectransform Anchor图片sprite

Image

文字LabelText根节点UI_RootCanvasUI面板PanelCanvasUI容器UIWidgetPanel事件交互ColliderEventSystem贴图TextureRawImageUI相机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更好，但是扩展性和易用性有欠缺。