Egret 使用自定义皮肤

Egret中可以定义一个exml文件来布局UI样式，然后在创建的代码中使用它。
官方链接：皮肤

这里我要说一些关于自定义皮肤容易犯错的地方，不注意代码就会出bug。

一、在构造函数中使用皮肤里定义的组件是，容易找不到组件。

class ExmlTestView extends eui.Component{constructor() {super();this.skinName = "resource/skins/ExmlTestViewSkin.exml";this.initUI();}public label: eui.Label;private initUI() {this.label.text = "hello world!";this.label.textColor = 0xff0000;}
}

如上代码，很容易在this.label.text = "hello world!";报错，找不到text，断点结果是label未定义，这是因为皮肤ExmlTestViewSkin.exml并未加载完成就是用里面组件导致，（如果未报错，也是可能，根据设备加载资源顺序有关）

将构造函数改成一下代码即可：

    constructor() {super();this.addEventListener(eui.UIEvent.COMPLETE, this.initUI, this);this.skinName = "resource/skins/ExmlTestViewSkin.exml";}

二、使用约束后，又在动画中更改坐标。

这个比较好理解，最后结果肯定是无效的，动画不是自己想要的，因此，在代码或者动画中动态改变位置或者是大小的，就不要使用约束了。

Egret 使用自定义皮肤相关推荐

android 自定义皮肤,Android Studio 自定义皮肤主题和背景
新的一年,新的开始,在这里先祝福大家在新的一年收获多多,多升职,多加薪,代码没BUG. 第一 Android Studio自定义皮肤主题-ColorThemes 寒假期间有人问我, "你代码 ...
flex中自定义皮肤的按钮制作
今天聊一下FLEX中自定义皮肤的按钮的制作.首先这是一个按钮皮肤文件: <?xml version="1.0" encoding="utf-8"?> ...
自定义皮肤进服务器不显示,我的世界自定义皮肤为什么不能显示我的世界自定义皮肤如何显示...
1.我的世界自定义皮肤为什么不能显示?有的是因为出BUG了,也有的是因为游戏原因,那么怎么才能显示自定义皮肤呢? 2.打开我的世界先不要启动,留在这个页面,选择好你一般启动所用的游戏版本,像我这个就是 ...
android studio 皮肤,Android Studio 自定义皮肤主题和背景
Android Studio自定义皮肤主题-ColorThemes 最近有人问我, "你代码这是用的什么字体? 看着好舒服", 其实这是用了自定义皮肤主题包,主题包下载网站 htt ...
《M8围棋谱》自定义皮肤设计指南
<M8围棋谱>自定义皮肤设计指南版本:1.0 地址:http://docs.google.com/View?id=dhmvxcsd_3dxpmm6nz 作者:liigo,2009年10月 ...
如何制作.Text Blog自定义皮肤
如何制作.Text Blog自定义皮肤昨天在CSDN上发表了一片关于制作.Text Blog自定义皮肤的文章,对于刚接触.TextBlog的爱好者可以参阅察看.(老手想必都会了,呵呵,小生在此耍耍 ...
有自定义皮肤的计算机,QQ音乐怎么自定义皮肤丨QQ音乐自定义皮肤图解
在使用QQ音乐的时候,突然觉得自己的播放器主页面不是那么精彩怎么办,这时候你可以通过皮肤的更换来解决,那么QQ音乐怎么自定义皮肤,为此电脑系统城为你带来一个详细的QQ音乐自定义皮肤方法介绍,让你可以轻 ...
android studio修改皮肤,Android Studio 自定义皮肤主题和背景
新的一年,新的开始,在这里先祝福大家在新的一年收获多多,多升职,多加薪, 第一寒假期间有人问我, "你代码这是用的什么字体? 看着好舒服",其实这是用了自定义皮肤主题包,主题包 ...
英雄联盟自定义皮肤教程[使用篇]
显然,lol自定义皮肤是只有自己能看到的.原理很简单,本地和服务器的数据并不是同步的,正常的皮肤显示过程应该是从服务器get到数据,而我们只是在本地简单的覆盖. 本文所有内容经过博主亲 ...
WPF九宫格图片自定义皮肤（新博速读2.0）
一直想要做成有搜狗输入法.QQ输入法那样的可以自定义皮肤的软件.找了很久终于找到了,不过找到的解决方案有些问题,经过修改之后就可以按照图片原本的大小显示啦~ 在我两个晚上的研究下,研究好几种方法,最后 ...

Egret 使用自定义皮肤

Egret 使用自定义皮肤相关推荐

最新文章

热门文章