ET6框架(十二)ET-EUI基本使用

---

ET-EUI是基于ET6.0版本拓展出来的一个套UI框架

一、下载插件：

首先我们需要下载，地址： GitHub - zzjfengqing/ET-EUI: 基于ET框架的UI模块

我们可以通过Github进行拉取git地址：https://github.com/zzjfengqing/ET-EUI.git

下载完后在Assets目录下会多久Bundles目录

---

二、使用插件例子

回到Init场景中可以在Global >UIRoot > NormalRoot > 目录下创建UI
需要注意的是：
1.创建完的UI必须以预设Prefab的形式存放在Bundles > UI > Dlg文件夹中
2.要生成对应的代码，我们需要在UI上右键，选择SpawnEUICode .

3.此时会在代码中生成对应的System及EventHandle节本.
4.手动在Unity.ModelView > Codes > ModelView > Module EUI > Tools >WindwId.cs 脚本中添加窗口本类型

5.然后在system脚本中添加按钮点击事件

6.最后使用UIComponent.Instance.ShowWindow(WindowID.WindowID_UIGiraffeTest); 进行调用显示
7.最后别忘了给预设选择需要的AB包

---

三、使用规则

• 拼好UI预设物，选择UI物体右键点击SpawnEUICode选项生成UI绑定代码
• 无需挂任何脚本，无需拖拽任何组件，无需关心组件类型
• 直接开始编写UI业务逻辑，使用公共UI与Item扩展轻松下沉业务逻辑
• 提供统一的UI窗口显示，隐藏，完全关闭，预加载，卸载等接口
• 需要生成的UI窗口以Dlg开头，UI窗口放入Dlg目录
• 需要绑定的UI组件以E开头
• 需要生成的公共UI以ES开头，公共UI放入Common目录
• 需要生成的循环列表项以Item_开头，滚动项放入Item目录
• 需要生成的空组件物体的引用以EG开头
• 红点系统加入

---

四、公共UI组件

在UI开发的中常常会遇到不同UI中，相同或类型功能的部分，这时候我们就可以使用公共UI部分复用以减少工作量。
注意 ：这里必须以ES开头，并且不要有空格及特殊符号

我们可以在UI页面中创建公共的部分，然后将其拖拽到 Bundles > UI > Common 文件夹下
即将上面的ESCommonUI部分拖动到Common下
然后右键选择ESCommonUI选择SpawnEUICode生成代码

在Unity.HotfixView > Codes > HotfixView > Demo > UI > Common > ESCommonUISystem.cs 中创建脚本

为文本文件赋值

在页面中可以通过方法直接调用到公共UI上的方法

---

五、脚本生成缝隙

在UI上右键，选择SpawnEUICode会生成一系列的脚本，这里假设脚本名为‘DlgPanelMain’
1.在HotfixView层生成：
DlgPanelMainSystem.cs (位于：Codes/HotfixView/Demo/UI/DlgPanelMain/) :
脚本用于页面逻辑处理
DlgPanelMainHandle.cs (位于：Codes/HotfixView/Demo/UI/DlgPanelMain/Event/) :
用于事件接收处理
DlgPanelMainViewComponentSystem.cs (位于：Codes/HotfixView/Demo/UIBehaviour/DlgPanelMain/) :
用于对生命周期事件事件的处理,默认有Awake、Destroy
2.在ModelView层生成：
DlgPanelMain.cs (位于：Codes/ModelView/Demo/UI/DlgPanelMain/) :
用于创建页面实体管理
DlgPanelMainViewComponent.cs (位于：Codes/ModelView/Demo/UI/DlgPanelMain/) :
被DlgPanelMain.View所持有，用于存储页面中所有以E开头的组件
WindowId.cs (位于：Codes/ModelView/Module/EUI/) :
用于页面类型枚举管理