1-YIUI总览
YIUI框架是一款基于 UGUI的Unity的UI 框架,支持分层设计和分块式加载,旨在提供更加灵活和高效的 UI 开发方式。是在ET双端框架中对UI的一种经验总结,本系列分享了该插件的设计思路和使用方法。 从登录界面开始,到加载界面、主界面、商店界面等,都展示了灵活的跳转和回退功能。 此外,该插件还提供了红点系统、多语言的展示、无限循环列表、GM 界面等功能。
YIUI的GIt地址:GitHub - LiShengYang-yiyi/YIUI: Unity3D UGUI Framework, 基于UI数据事件绑定为核心 数据驱动的UGUI框架, ETUI框架, ET框架官方推荐UI框架
设计思想
绑定方案
- YIUIBind是YIUI框架中的一部分,通过YIUIBind,在编辑UI时,可以将组件与数据解耦,以便在编辑逻辑代码时,开发者只需要关注操作数据,而不需要操作UGUI组件。
- YIUIBind分为三个部分:Component 、Data 、Event
Component
UI各种组件的收集器。
Data
定义了UI中使用的各种数据。通过绑定组件和数据,实现UI和数据的绑定。
Event
绑定的各种操作,比如点击、拖拽等事件,预先定义时间并与各种操作进行绑定,使逻辑代码只需要关心事件,无需关心具体哪个UI触发了事件,从而实现事件与UI的分离。
- YIUIBind提供了非常简单的功能拓展功能:包括文本绑定、Active布尔类型控制、Slider、Toggle、Dropdown、动画、图片修改、置灰、位置、旋转、缩放等。
- YIUIBind还提供了一些自动化的功能,用于提高开发效率,包括自动生成脚本、自动获取组件和数据以及自动注册事件。
Unity引擎中Tools-YIUI自动化工具,能看到发布 红点 多语言 宏设置 全局设置。

初始:YIUILoadComponent
PanelMgr_Root.cs修改页面设置。
创建UI模块
Tool-YIUI自动化-发布中添加新增模块名称
CED绑定功能
由三个组成:组件表 数据表 事件表
组件表:存储了所有组件,减少getComponent的消耗,如果没有命名,点击自动检查,会自动命名。
总表可以配置一些东西,然后点生成就会生成一些代码。
数据表:用了之后,不需要关心别人的API怎么做的。在总表添加后,在Text组件上添加对应的文本绑定组件,就能使用了。在代码中使用xxx.SetValue(xx),也可以修改
修改完成后,点击下图的生成,即可生成代码。
生成代码名字如下所示
LoginPanelComponentSystemGen,绑定UI与组件
LoginPanelComponentSystem里面写逻辑
组件事件数据表的总和
Component表作用会变低。