egret自定义组件

1.创建EUI组件并生成TS文件

2.EUI完成样式，并定义好id

3.在ts文件中定义命名空间(namespace)为ui 避免团队命名冲突，并继承于ItemRenderer(ItemRenderer继承于eui)

namespace ui{
    export class prizeItem extends eui.ItemRenderer{
        private bg: eui.Image;
        private bgBorder: eui.Image;
        private countLbl: eui.Label;
        private nameImg: eui.Image;
        private iconImg: eui.Image;
        
        public constructor(){
            super();
            // this.skinName="prizeItemSkin"   
        }
    }
}

完成这步后已经创建好一个自定义组件 因为不能刷新出来 需要重新加载项目显示出来

4.怎么在另一个皮肤中加载这个自定义组件？

把自定义组件拖入，右侧设置皮肤和宽高等属性或拖动到合适位置

或者在源码中写入皮肤skinName和属性值即可