UI小部件
Author: Charley
1、UI小部件概述
UI小部件是用户界面中组成元素的基本单元，通常指功能独立、可复用的界面组件，用于实现按钮、文本框、滑动条、复选框等交互控件。
简单来说，UI小部件就是构建界面的“积木块”，它们封装了显示和交互功能，方便开发者快速搭建和管理界面布局。
在 LayaAir3 引擎中，UI小部件主要分为两类：
- 2D基础对象：属于引擎原生的2D节点系统，不依赖任何UI框架，通用于任意UI方案。
- UI系统组件：即UI框架所提供的可视化控件，依赖具体的UI系统。
2、支持两套UI系统
从 LayaAir 3.3 开始，引擎支持两套完整的 UI 系统，如图2-1所示。
2.1 经典UI系统（MornUI）
经典UI系统源于 Flash 时代的知名 MornUI 框架，由其作者 “ yung “ 在 LayaAir 1.0 （2016年推出）中引入并沿用至今。该系统功能成熟稳定，适合熟悉 LayaAir引擎历史版本 UI 系统的开发者继续使用。
2.2 新UI系统（FairyGUI）
新UI系统同样源于历史悠久的知名 FairyGUI 框架，由其作者 “谷主” 在 LayaAir 3.3 中引入并基于 LayaAir3 引擎进行了重构。该系统更符合现代 UI 设计理念，功能成熟易用，推荐新用户或熟悉 FairyGUI 的用户使用。
3、使用说明
3.1 UI系统的不兼容说明
这两套UI系统互不兼容： 选择 经典UI系统 后，新UI系统组件与功能不可用，如图3-1所示。
(图3-1)
选择 新UI系统 后，经典UI系统组件与功能不可用。
(图3-2)
3.2 同时使用两套UI系统的说明
在 IDE 中可同时启用两套UI系统：
- 仅显示新UI系统组件列表，适用于设计新UI界面；
- 经典UI系统组件保持兼容，可通过代码创建与管理，但无法在IDE中直接创建。
无论选择哪种UI系统，2D基础对象始终可用，可与任意UI组件自由组合使用。
3.3 UI小部件使用操作说明
UI小部件在使用的时候，可以在层级面板中右键创建，也可以将小部件面板中的对象直接拖拽到场景视窗中或层级面板中使用。