急~~~求助？？？js脚本中自定义组件数组的序列化

Creator 2.x
#1

cocosCreater用js开发新建组件脚本中自定义组件数组如何在属性检查器中序列化修改？
代码：
var ColorInfo = cc.Class({
properties: {

    nameColor:{
        default:"",
        type:cc.String,
    },
    fromValue:{
        default:0,
        type:cc.Float,
    },
    toValue:{
        default:0,
        type:cc.Float,
    },
    specialValue:{
        default:0,
        type:cc.Float,
    },
    setColor:{
        default:cc.Color.WHITE,
        type:cc.Color,
    }
},

另一个组件类中的数组属性
SetColorArray:{
default:[],
type:[ColorInfo],
}

1赞
#2

继承一下组件父类，
加上这一句

extends: cc.Component,
#3

不太明白，我加上继承后显示
我想让自定义数组展示我自定义组件里面的属性，
每次设定完还好好的，一保存就变成如上图显示了，再想修改必须点create，我想让他始终显示自定义组件里面的属性，如下图显示

#4

这样写应该可以

// Learn cc.Class:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/class.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/class.html
// Learn Attribute:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/reference/attributes.html
//  - [English] http://docs.cocos2d-x.org/creator/manual/en/scripting/reference/attributes.html
// Learn life-cycle callbacks:
//  - [Chinese] https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html
//  - [English] https://www.cocos2d-x.org/docs/creator/manual/en/scripting/life-cycle-callbacks.html

var ColorInfo = cc.Class({
    // extends: cc.Component,
    properties: {

        nameColor: {
            default: "",
            type: cc.String,
        },
        fromValue: {
            default: 0,
            type: cc.Float,
        },
        toValue: {
            default: 0,
            type: cc.Float,
        },
        specialValue: {
            default: 0,
            type: cc.Float,
        },
        setColor: {
            default: cc.Color.WHITE,
            type: cc.Color,
        }
    },
    // update (dt) {},
});

cc.Class({
    extends: cc.Component,
    properties: {
        SetColorArray: {
            default: [],
            type: [ColorInfo],
        }
    }
});
#5

我就这么写的，第一次设置的时候没问题

但是任意修改代码保存，返回编辑器，就显示下图了

不过之前设置的还都有，但是如果时间长了忘了怎么设置的就麻烦了

#6

extends前加个name字段

#7

嗯 这是有效方案

#8

我在ColorInfo组件脚本加name字段了，还是一样的效果:confounded::confounded::confounded:

#9

稍等 我写一下。

#10

对于这种可视化自定义组件数组显示效果只能达到目前的状况吗？:sob::sob::sob:

#11

抱歉 来晚了…我这边测试是没问题的。

image.png1440×900 151 KB
image.png638×654 13.2 KB

#12

没注意到你贴了代码…我复制你的代码加个name也是没问题的。 name字段值要和定义的类名一致。

#13

好的，刚才试了试，可以了，非常感谢:kissing_smiling_eyes::kissing_smiling_eyes::kissing_smiling_eyes: