# Convert Javascript to Exml > Egret 5.2.17 ## 搜尋編譯後的 Skin 找到編譯過的 Skin (路徑:publish -> js -> **default.thm_流水號**) 搜尋你要還原的 Skin (如:MySkin.exml) ![](https://i.imgur.com/QZUNCNS.png) ``` this.skinParts = []; // 有定義 ID 的 UI 元件集合 (這裡為空,代表不存在任何有 ID 的 UI 元件) this.height = 720; // 定義 skin 高度 this.width = 1280; // 定義 skin 寬度 // 寬高不設置代表由 UI 元件聯集的大小決定 ``` ![](https://i.imgur.com/T9CNkmH.png) xml 格式,一個 attribute 起頭一定對應一個結尾,如: ``` 單行寫法,無子物件時使用 <e:skin ... /> 或 <e:Button ... /> 或 <e:Group ... /> ``` ``` 多行寫法,有子物件或方便閱讀時使用 <e:skin> <e:Button> <e:Group> ... 或 ... 或 ... </e:skin> </e:Button> </e:Group> ``` ## 產生一個 Group 底下掛一個 Button ![](https://i.imgur.com/KwY7a5z.png) ![](https://i.imgur.com/h8D2NV9.png) ###### tags: `教學` `Egret`