egret-docs-master/extension/EUI/skin/customizeRootDirectory/README.md

47 lines
1.2 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

## 默认加载
打开主题配置文件 ** default.thm.json **,会看到类似下面的内容
~~~ typescript
{
"skins": {
"eui.Button": "resource/eui_skins/ButtonSkin.exml?v55",
"eui.CheckBox": "resource/eui_skins/CheckBoxSkin.exml"
},
"exmls": [
"resource/eui_skins/ButtonSkin.exml",
"resource/eui_skins/CheckBoxSkin.exml"
]
}
~~~
在"exmls"这部分可以看到exml 文件都是放在根目录的 resource 文件夹内的。
运行程序后,主题中的 "ButtonSkin.exml" 最终的加载位置如下所示
~~~ typescript
http://10.0.6.138:3000/resource/eui_skins/ButtonSkin.exml
~~~
## 自定义加载
如果想改变 **resource **文件夹的位置,可以使用 **EXML.prefixURL = xxxx** 方法来实现。
举个例子:
~~~ typescript
EXML.prefixURL = "another/";//更改目录位置
var theme = new eui.Theme("resource/default.thm.json", this.stage);
theme.addEventListener(eui.UIEvent.COMPLETE, this.onThemeLoadComplete, this);
...
~~~
运行程序后,主题中的 "ButtonSkin.exml" 最终的加载位置如下所示
~~~ typescript
http://10.0.6.138:3000/another/resource/eui_skins/ButtonSkin.exml
~~~
按照上述方法可以根据开发者的需求来自定义 exml 文件的加载根目录。