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和屬性值即可