UI基础知识

UI

• UI：User Interface 用户界面
• UE：User Experience 用户体验

常见的UI类型

环抱式

弹框

全屏覆盖

超全屏

3D

常见设备的分辨率

常见设备显示比例

• 4：3：iPad，安卓Pad
• 16：9：非全面屏的手机，PC的显示器
• 18：9：全面屏
• 异形屏：向标准分辨率靠近

配置常见设备分辨率

Unity界面的发展史

• Unity 图形用户界面 unity Graphical User Interface
• Unity4.6版本之后引入的界面显示系统
• Unity公司自己研发的一套界面显示系统

Unity的UI系统(OnGUI、NGUI、UGUI)

OnGUI

• OnGUI：最早的UI系统，纯代码实现，写法类似Update
• 优点：出现很早，纯代码可控制
• 缺点：只能程序开发

NGUI

• NGUI：Unity著名插件，可实现2D和3D的界面，出现在老项目
• 优点：功能完整，集成了动态效果
• 缺点：性能较弱，交互使用物理引擎实现，需要付费

UGUI：官方制作的UI系统，NGUI作者开发

• 优点：性能优秀，功能较完整
• 缺点：功能需要再完善，动画需要配合DOTween

UGUI和OnGUI,NGUI的区别

1. uGUI的Canvas 有世界坐标和屏幕坐标
2. uGUI的Image可以使用material  
3. UGUI通过Mask来裁剪，而NGUI通过Panel的Clip 
4. NGUI的渲染前后顺序是通过Widget的Depth，而UGUI渲染顺序根据Hierarchy的顺序，越下面渲染在顶层. 
5. UGUI 不需要绑定Colliders，UI可以自动拦截事件
6. UGUI的Anchor是相对父对象，没有提供高级选项
7. UGUI没有Atlas一说，使用Sprite Packer 
8. UGUI的Navigation在Scene中能可视化
9. UGUI的事件需要实现事件系统的接口，但写起来也算简单
10. NGUI还保留着图集，需要进行图集的维护。而UGUI没有图集的概念，可以充分利用资源，避免重复资源。
11. UGUI出现了锚点的概念，更方便屏幕自适应。 
12. NGUI支持图文混排，UGUI暂未发现支持此功能。 
13. UGUI没有 UIWrap 来循环 scrollview 内容。 
14. UGUI暂时没有Tween组件。

- Word M3W1 -