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表作用会变低。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

水山先生

华流才是最叼的!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值