首页 > 其他 > 详细

Egret EUI的学习

时间:2019-02-20 00:59:55      阅读:240      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

官方案例: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的学习

原文:https://www.cnblogs.com/allyh/p/10404180.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!