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/) :

用于页面类型枚举管理

相关推荐
小盖子2 个月前
ET6框架(八)事件系统
et6·et事件系统·et6事件系统·et异步事件
小盖子2 个月前
ET6框架(一)介绍及环境部署
et6·et框架·et6框架·什么是et框架