当前位置: 首页 > article >正文

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


http://www.kler.cn/a/547890.html

相关文章:

  • 基于Python豆瓣电影数据可视化分析系统的设计与实现
  • vscode调试redis
  • Uniapp 从入门到精通:数据绑定与响应式原理
  • 使用pocketpal-ai在手机上搭建本地AI聊天环境
  • 基于大数据的北京市天气数据分析系统的设计与实现
  • 今日AI和商界事件(2025-02-15)
  • .NET版Word处理控件Aspose.Words教程:使用 C# 删除 Word 中的空白页
  • GeekPad智慧屏编程控制(三)
  • 微软AutoGen高级功能——Magentic-One
  • Java八股文详细文档.3(基于黑马、ChatGPT、DeepSeek)
  • Golang GC 三色标记法
  • 【算法】【区间和】acwing算法基础 802. 区间和 【有点复杂,但思路简单】
  • Windows环境安装Kafka(集群版)
  • 记使用AScript自动化操作ios苹果手机
  • 运用python制作一个完整的股票分析系统
  • Vue 2 + Vite 项目集成 ESLint 和 Prettier
  • PbootCMS增加可允许上传文件类型,例如webp、mov等文件格式扩展
  • 认识vue-admin
  • AIGC图生视频保姆级教程
  • 为什么Pytorch中实例化模型会直接调用forward方法?