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

2024-09-02 11:12

本文主要是介绍ET6框架(十二)ET-EUI基本使用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

在这里插入图片描述

文章目录

  • 一、下载插件:
  • 二、使用插件例子
  • 三、使用规则
  • 四、公共UI组件
  • 五、脚本生成缝隙


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/) :
用于页面类型枚举管理

这篇关于ET6框架(十二)ET-EUI基本使用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1129788

相关文章

JavaScript中的reduce方法执行过程、使用场景及进阶用法

《JavaScript中的reduce方法执行过程、使用场景及进阶用法》:本文主要介绍JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScri... 目录1. 什么是reduce2. reduce语法2.1 语法2.2 参数说明3. reduce执行过程

如何使用Java实现请求deepseek

《如何使用Java实现请求deepseek》这篇文章主要为大家详细介绍了如何使用Java实现请求deepseek功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1.deepseek的api创建2.Java实现请求deepseek2.1 pom文件2.2 json转化文件2.2

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

oracle DBMS_SQL.PARSE的使用方法和示例

《oracleDBMS_SQL.PARSE的使用方法和示例》DBMS_SQL是Oracle数据库中的一个强大包,用于动态构建和执行SQL语句,DBMS_SQL.PARSE过程解析SQL语句或PL/S... 目录语法示例注意事项DBMS_SQL 是 oracle 数据库中的一个强大包,它允许动态地构建和执行

SpringBoot中使用 ThreadLocal 进行多线程上下文管理及注意事项小结

《SpringBoot中使用ThreadLocal进行多线程上下文管理及注意事项小结》本文详细介绍了ThreadLocal的原理、使用场景和示例代码,并在SpringBoot中使用ThreadLo... 目录前言技术积累1.什么是 ThreadLocal2. ThreadLocal 的原理2.1 线程隔离2

Python itertools中accumulate函数用法及使用运用详细讲解

《Pythonitertools中accumulate函数用法及使用运用详细讲解》:本文主要介绍Python的itertools库中的accumulate函数,该函数可以计算累积和或通过指定函数... 目录1.1前言:1.2定义:1.3衍生用法:1.3Leetcode的实际运用:总结 1.1前言:本文将详