官方地址:https://developer.egret.com/cn/article/index/id/518

Egret EUI的学习-LMLPHP

官方案例:https://github.com/egret-labs/egret-examples/tree/rc/v2.5/EUIExample

如何使用EXML

第一种方式,直接引用EXML文件

EXML的根节点是Skin,表示这个文件描述的是一个皮肤。

在EXML根节点是Skin的情况下,可以直接使用组件的skinName接受EXML文件路径,这通常也是最普遍的使用情景。

这里假设之前需要的EXML文件的路径为:[项目根路径]/resource/skins/aaa.exml,引用方式:

this.skinName = "resource/skins/aaa.exml";

注:建议皮肤文件放置在resource目录下。

第二种方式:动态加载

描述的对象不是皮肤

直接使用EXML.load()方法来加载并解析外部的EXML文件,加载完成后,回调函数的参数会传入解析后的类定义,可以把类定义new出来实例化它,或直接赋值给组件的skinName属性(如果EXML根节点是Skin)。 例子:

private init():void{

EXML.load("skins/ButtonSkin.exml",this.onLoaded,this);

}

private onLoaded(clazz:any,url:string):void{

var button = new eui.Button();

button.skinName = clazz;

this.addChild(button);

}

EXML基本语法(一)

EXML是一种严格遵循XML语法的标记语言,通常用于描述静态UI界面

Egret EUI的学习-LMLPHP

Egret EUI的学习-LMLPHP

Egret EUI的学习-LMLPHP

Egret EUI的学习-LMLPHP

Egret EUI的学习-LMLPHP

Egret EUI的学习-LMLPHP

05-11 19:38