---
# System prepended metadata

title: Convert Javascript to Exml
tags: [Egret, 教學]

---

# 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`