网站流量100g,遵化网站定制,河源市地震,wordpress插件 评分1、框架简介这两天在Github上发现了xlua的作者车雄生前辈开源的一个框架—XUUI#xff0c;于是下载下来学习了一下。XUUI基于xlua#xff0c;又借鉴了mvvm的设计概念。xlua是目前很火的unity热更方案#xff0c;不仅支持纯lua脚本热更#xff0c;也可以做 C# 代码的bug hot… 1、框架简介这两天在Github上发现了xlua的作者车雄生前辈开源的一个框架—XUUI于是下载下来学习了一下。XUUI基于xlua又借鉴了mvvm的设计概念。xlua是目前很火的unity热更方案不仅支持纯lua脚本热更也可以做 C# 代码的bug hotfix而mvvm框架呢在前端开发中应用很广我周围同事在做wpf开发时也用到了mvvm框架mvvm模式在unity开发中也同样适用github上可以找到不少开源案例。XUUI主要有两大核心能力一是支持MVVM的单向、双向绑定二是框架应用时可以做模块加载、模块刷新、模块间数据隔离、模块间可控交互。 2、框架特点作者在文档中介绍了XUUI框架的特点一是可以和任意UI库配合uguinguifairyGUI你自己倒腾的UI库都可以二是支持把本框架作为一个mvvm驱动器纯用C#写逻辑三是支持“计算属性”“计算属性”依赖的各属性发生改变会触发“计算属性”的重计算四是可随时绑定View以及解绑定。 3、使用示例下载项目到本地可以看到作者提供了几个使用示例。使用时要设置好绑定信息给各个UI元素比如Button、Text、InputField等添加适配器可以通过Component/XUUI菜单或者手动到XUUI\Scripts\UGUIAdapter目录找脚本拖放到UI上然后设置BindTo属性即可XUUI作者已经提供了Button、Text、Dropdown、InputField的适配器其他ui元素比如Toggle就需要自己去编写了作者已经提供了接口模板自己实现其他适配器也不难。先来看一下Helloworld示例这个示例中有三个ui元素绑定信息如下InputField: info.nameText : message这是个“计算属性”计算时用了info.name当info.name发生变化会触发message重新计算并自动更新TextButton : click这会绑定到一个click command上。C#代码如下如上面C#代码所示首先要new一个Context参数是个lua脚本该lua脚本返回一个tabletable需要包含几个特殊的字段 data就是ViewModleVMcomputed中引用到的VM元素在其依赖的VM元素发生改变会自动重新计算并同步到各个绑定了它比如上例的message的节点commands是类似按钮点击事件绑定的响应方法随后调用Context的Attach方法进行绑定。 4、XUUI中几个重要的类1Context启动框架的方法就是new一个Context实例并传入lua脚本在Context的构造函数中会初始化好lua运行环境即LuaEnv并解析传入的lua脚本对框架各模块进行配置Context实现了IDisposable接口以便对一些非托管资源进行手动的垃圾回收。2DataConsumer如果ui Adapter需要监听VM变化须实现DataConsumer接口可以不显式声明实现只要有DataConsumer声明的接口即可3DataProducer如果ui Adapter需要把数据同步回VM须实现DataProducer接口4EventEmitter如果ui Adapter需要产生一个事件须实现EventEmitter接口 5、XUUI框架的应用在实际使用中并不会像上面HelloWorld实例那么简单作者也提供了在实际使用时的示例首先new一个ContextContext的构造函数传入的是一个含modules字段以及name字段的table执行上面代码框架会做这些事情 加载myapp.module1myapp.module2加载的规则和require是一致的为这两个设置独立的沙盒各模块即使定义了全局变量也互不影响一定程度上减轻不同模块开发者由于沟通不足或者笔误引发的模块间冲突模块间数据隔离模块也可以定义data、commands、computed在模块定义的commands和computed只能看到本模块的data 模块间调用通过exports字段可以导出一些函数供其它模块调用其它模块可以通过“模块名.函数名”调用* 支持模块刷新reloadreload后data变动会更新UI监听原先commands也会自动更新到新的commandscomputed会自动重新计算并更新UI。module1代码如下module2代码如下需要注意的是这里的UI不像逻辑那样划分模块通过“模块名.模块内路径”去进行数据/响应的绑定比如moudle1.selectmodule2.click等等。 6、最后昨天才接触到这个框架XUUI框架下载量并不多今天大概学习了一下分享一下学习成果总的来说这个框架集成了xlua和mvvm有很多值得借鉴的地方很适合ui模块的开发。博客内容有部分是从作者文档里抄下来的因为怕自己描述不准确。分享一下希望这个框架能像基于ulua的SimpleFramework一样被更多开发者使用~项目地址https://github.com/chexiongsheng/XUUI原文地址https://www.cnblogs.com/IAMTOM/p/10445859.html.NET社区新闻深度好文欢迎访问公众号文章汇总 http://www.csharpkit.com
