《节点多个布局位置、嵌套预制节点、可视化编辑方案》插件

模板功能

功能描述:

  1. 该插件有 0~10个模板用于独立保存node的 x,y,color,scale,size.... 等属性
    
  2. 编辑ui时只会修改当前选中的模板内的node属性;
    
  3. 使用时切换模板就会把该模板保存的属性赋值给该node;
    
  4. 使用例子: 商场页面样式切换 / 角色状态切换 / 界面横竖布局切换 / 头像布局随人数变化 / 描述label切换....等
    
  5. 该功能对所有的子节点也会生效
  6. 模板内不止保存node属性还保存其它组件的属性值,Label,Sprite,Widget…等

使用示例:
1.将prefab-ex脚本绑定到编辑好的节点上,并勾选’’'启动模板"功能

2.切换到 Mode 1 ,完成后你可以按自己喜好修该节点下所有子节点的属性,你所修改的属性都会记录到 Mode 1 选项里

3.编辑好界面后正常保存下

4.完成后可在代码中或编辑器切换状态

5.编辑过程动态图

6.代码中切换模板:

this.node.getChildByName(‘testA’).getComponent(‘prefab-ex’).setTemplate(0) // 下标方式切换
this.node.getChildByName(‘testA’).getComponent(‘prefab-ex’).setTemplate(“自定义模板名”) // 自定义模板名方式切换


模板功能实用例子:

1.列表页面样式切换

2.头像布局随人数变化

注意事项:

1.编辑完记得保存,有时场景不会标记*号表示已修改,直接切换编辑场景会丢失修改
2.该插件通过节点名字和路径深度来作为配置ID,所以同级节点下有两个以上同名的node是不能记录属性

3.模板支持的组件属性,可根据需要自行添加支持的组件和属性:

4赞

#预制节点嵌套功能
*该功能用于临时解决工作中频繁用到的预制文件嵌套功能

使用方法:
1.将 prefab-ex插件拖到预制节点上,并再把预制节点绑定到插件上,完成;

2.这时把已经绑定插件的预制节点拖到其它预制节点上时它会自动更新自己;
3.如果需要更复杂预制节点嵌套属性继承功能请往下看

工程文件例子:
嵌套+属性继承功能:

1.testC 文件内容

2.testB 文件内容,内嵌套着 testC文件

3.testA 文件内容,内嵌套着 testB文件

4.场景文件内容,内嵌套着 testA文件

5.修改testC文件内容,它的上级文件 testA/B/C/场景都会跟着改变

6.嵌套+继承+模板功能, 动图

7.使用此功能,编辑器通常不会有保存* 提示,修改完记得随手保存;

8.该继承功能需要将每个预制节点插件上的启动模板功能开启才有效果;

9.该继承效果类似css属性继承效果; 上级没修改下级文件属性前用下级属性, 修改后则用上级修改后的属性

10.不支持在上级里 重命名下级节点/ 不支持移动下级节点 / 同级节点不同有重名

工程包含4个例子:嵌套预制节点/角色状态切换/商店样式切换/头像布局切换

例子工程git: https://gitee.com/mcv/cocos-creator-prefab-ex
插件脚本:prefab-ex.js.zip (9.9 KB)
希望官方后续做出来的预制节点嵌套能有类似css的属性继承功能

4赞

https://store.cocos.com/#/resources/detail/2277 商店已经有类似插件了哦 而且不用担心同级节点Node同名的问题 不过你这个还记录了组件属性值很强大 赞!

1赞

本来这插件只是做预制节点嵌套+继承功能的,刚好这继承功能可以分离出来做模板功能就顺手改了下

Mark一下

支持3.x吗

做这功能时3.x还没出来,不支持