适用于cocos creator 的 mvvm 的工具 集,摆脱传统设置节点属性来控制 UI 的方式
v0.1.0 - Typescript 的 稳定版本
v0.1.1 - 修复VMParent onLoad顺序的错误,调整部分组件初始化值的时间
移植 Cocos Creator 3D 1.2 版本,增强功能
移植 Cocos Creator 3.0 版本 (待定)
适用于cocos creator 的 mvvm 的工具 集,摆脱传统MVC设置节点属性来控制 UI 的方式。你可以更快捷、更细致地处理UI的表现效果。不写一行代码完成复杂的显示逻辑。设计这个框架的目地就是为了解决 数据和节点状态变化切换的麻烦关系。
增加JS 调用 TS 用例 2019/6/1
核心脚本文件存放在 assets\Script\modelView 路径,要使用必须全部引入
基本用法
导入框架 - 导入 assets\Script\modelView 中的所有脚本
建立数据模型 - 任意位置新建一个数据脚本,定义自己的数据模型,使用VM.add(data,’tag’) 添加viewModel。 可以通过VM引用该数据,或者自己全局管理该数据模型。
挂脚本 - 编辑器中直接添加组件 VMCustom ,它会自动识别绑定到需要设置值的组件和组件的属性,比如cc.Label、cc.Progress等。 你只要填写对应的watchPath, 就会自动赋值到组件的属性上。比如填写 global.play.hp
改数据 - 在游戏中任意改变 global.play.hp的值,对应的label 就会自动改变数值。
全局注册VM: (全局自由使用路径)
VM.add(data,’tag’); //
局部组件使用VM: (只在组件内使用的相对路径)
1.继承VMParent 组件
2.在组件内设置 data 数据(data属性)
3.相对路径 使用 .name 的方式设置 watchPath,VMParent 会在 onLoad 的时候自动将 替换成 实际的 ViewModel 标签,以便监听数据变化。
具体使用方式请查看附带文档:/docs
[使用文档]( https://github.com/wsssheep/cocos_creator_mvvm_tools/tree/master/docs )