文章目录：
- 1、egret中eui怎么获取exml中的属性并修改
- 2、如何在wing 看egret源码
- 3、layabox和egret存在哪些区别
- 4、egret 和cocos2d-x-js哪个目前更稳定更好用
- 5、layabox与egret 有什么区别
- 6、如何使用EXML Egret EDN 开发者中心
egret中eui怎么获取exml中的属性并修改
在EUI中，EXML是可以运行时加载解析的。您可以把它当做标准的文本文件加载后解析，或者直接将exml文本内容嵌入代码中解析。在下一节我们将详细讲解EXML的语法，这节我们先来看一下如何在代码中使用EXML文件。
如何在wing 看egret源码
我的是mac，在这个目录下
/Applications/EgretEngine.app/Contents/Resources/mac/egret/src
windows也差不多，找到src
layabox和egret存在哪些区别
区别是：
Layabox 有两个框架；LayaFlash是面向Flash AS3程序员的，可以用AS3语言直接开发H5产品，也可以把AS3源码的项目发布成H5项目。主要用于开发大游戏。另一个框架是LayaAir支持三种语言开发（AS3、TypeScript、JavaScript）这是全新的开发框架，与Flash没关系了，是一个超牛的全新H5引擎，支持重度、中度、轻度的游戏开发，支持应用、网站的开发。
Egret是TypeScript语言开发游戏用的。是围住神经猫这个游戏把引擎推火了，也一直致力于小游戏的开发。目前在小游戏的研发市场上品牌作的不错。
egret 和cocos2d-x-js哪个目前更稳定更好用
如果大型游戏，强烈建议不要使用cocos2d-js
我们目前的几个项目都是cocos2d-js开发的，我打算把这几个项目转egret。有如下几个理由：
1、cocos ide有BUG：断点会崩溃、代码提示很差、内存太高、虚拟机的菜单栏会影响事件（迭代了很多版本，这菜单栏BUG都没修复）
2、studio的工作流在几个引擎中是最差的，而且有BUG。经常和实际表现不一致。而且内存占用大，会崩溃。不能继承（这个问题最严重，不能继承按钮，那么按下缩放等高级功能就很蛋疼）。
3、
架构太差。写点小功能没事，如果想写大型游戏，这套架构会让你抓狂！比如最简单的按钮事件，我必须在事件方法里面加个触摸类型判断。一个很简单的点击，就
多出很多这种相似的代码！4、UI有好几套，然而每一套都有BUG。CCUI的设计也是很糟糕的！同时也是崩溃的罪魁祸首。
5、引擎BUG问题，
很多BUG会让你欲哭无泪，比如坐标会出现undefined。再比如热更新的BUG，XCODE编出的包默认是js而不是jsc，当这个包发布商店就会
出现不能热更新的问题，同时也进不去游戏，卡在了热更新界面。（这个问题导致我们流失了3个月的用户，知道苹果商店通过审核位置），再比如
java/objectc和js的交互，这个都有问题！再比如：ios第三方输入法会导致崩溃！
6、工作流问题，IDE的断点的观察变量很不友好、studio导出的配置很大、studio扩展性很差。在IDE 1.2版本出来之前，我们团队甚至无法断点，只能打印日志来debug。
7、工作效率问题，代码提示先不谈。我实现一个简单的列表都能折腾很久，那ccui的list真是太不好用！除此之外，裁剪、遮罩这些只需要一行的代码，在cocos下面需要无数行！
8、
引擎升级问题：cocos大概一个月1个升级，egret是2周。然而cocos升级会带来大量的新BUG，而且兼容性很差。导致我们现在还用3.0版
本。最蛋疼的是，官方的3.6版本又不能断点了！3.0升级到3.6还会导致布局混乱、九宫失效、崩溃闪退（绝对不是代码问题这个解释了）！基本上
cocos每加个新功能都会带来无数新BUG，老BUG修复量也少，我论坛反馈的问题经常需要迭代2到3个版本才修复，下个版本修复兼职是不可能。而
egret不仅迭代快，BUG修复也勤快！也很少有一些导致产品质量的验证BUG。
9、官方人员态度问题：我在cocos论坛发的BUG反馈，过了7天才有人来回复。地址（从3.0到3.1和3.2的BUG，官方帮忙看下），再看下egret我发的BUG反馈，当时是下班时间，然而第二天一早就回复我了。地址（Egret社区-BUG列表）
10、API问题：cocos经历了3个大版本，官方API文档也有的API，实际尽然是没有的，官方回复是还没加入js绑定。
11、跨平台问题：cocos2d-js经常是HTML5和JSB表现不一致。导致我们现在只能专注JSB而放弃HTML5版本。egret很少有这个问题。
12、
性能问题：先抛开runtime。如果你用了ccui，那么我100%保证你的cocos2d-js的性能会被egret秒杀。再来说下native下面
的性能对比，cocos的人说egret是js写的逻辑，而他们是绑定。那么问题来了，在现在，js的逻辑产生的性能压力一点都不是问题（参考
node.js，能用js写服务器了都）。主要的性能压力其实是在渲染上面，而他们2个都是opengl作为渲染的。如果用了ccui，那么还是被
egret秒杀。那ccui带来的drawCall真是太！！再来谈runtime，egret现在很多浏览器都集成了runtime（可以opengl
渲染代替canvas渲染），而cocos-js只是说在合作，已经慢了一步。
13、产品路线图问题：cocos的几个产品一心在弄3D，egret都已经自己搞了一个IDE了。开发基本的生活cocos都没保障好，就去想和u3d打架！
14、内部问题：cocos估计内部很不和谐，ide据说是1个人在开发，studio是30个人（30个人整出这东西），而且studio是用的.NET搞的，跨平台最呵呵的技术！QT、AIR那些那么多高效率，扩展性强的技术不用，选了个.NET。。。。
---------------------------------------------------------------------------------------------------------------------------------
题
外话：说了那么多cocos的不是，我也曾试着爱过它，我甚至开发了一个和egret
wing一样的UI编辑器，写了个和Flash/Flex一样的API（egret用的这套，这种架构很好用，简单明了）。其中UI编辑器还加上了
unity3d那种绑定脚本的功能。然而因为cocos底层的一些令人发狂的BUG，我最终是放弃了。有egret这个车子在，我还造什么轮子？我打算把
手里头的这套cocos的东西开源。然后去整egret去！
---------------------------------------------------------------------------------------------------------------------------------
再来个题外话：
游戏引擎cocos2d-js和egret 对比
这
个是百度搜索第一的对比，里面说cocos2d的工具比egret多，我不否认，但是能用的基本没有。而egret的工具很稳定。就拿最简单的骨骼动
画，cocos连龙骨都不支持，studio里面的骨骼设计也是坑的不行，egret的骨骼设计工具从界面和实用性都已经完爆studio了！
再来说上面的地址里面的成功产品：捕鱼达人、DOTA传奇、我叫MT那都是cocos2dx写的，和js版本一点关系都没有！请问你有见过网页版的刀塔传奇么？
上面的开发语言对比，大项目来说，ts真的是完爆js！js那不小心就会出错真心不适合大项目，不然微软不会造这个轮子。
上面的参考资料对比，cocos2d-js的文档连参数的注释都没，和c++文档作参考也不行，很多参数是不一致的！而egret在开发工具里面就继承了中文的帮助。
从目前状况看，今年绝对是egret产品井喷的一年，不信走着瞧！cocos真是把我坑惨了！
---------------------------------------------------------------------------------------------------------------------------------
再
次申明，请拿cocos2d-js或者JSB的大作出来，不用拿2dx的东西。说到2dx，你们再去了解下，榜单上，有几个人是没改过引擎源码的，有几个
游戏能随着cocos引擎升级而升级。用studio的又有几个。并不想和王哲斯逼，只是希望你们能正视BUG，提高体验。如果好，我们团队会考虑
cocos技术的，否则只能用egret和unity3d了。我说cocos这么多不是，也是希望他成长，能给开发者带来更多利益，带来更多方便，而不是
各种无厘头的问题，各种蹩脚的手段去开发。还有，我说的这几点，@王哲
你接招，如果我不说出这些BUG，这些问题，那么估计还不一定改。egret同样有个人叫王泽，然而他的理念完全当我们开发者是用户，提高开发体验，这个
很重要的。
layabox与egret 有什么区别
Egret是比较早推的一个H5游戏引擎，引擎是仿Flash AS3 API的接口，但是用TypeScript语言去开发游戏用的。自《围住神经猫》之后Egret引擎火了，也一直致力于小游戏的引擎。目前在小游戏的研发上市场品牌不错。由于和AS3的语言级差异性还是挺大的，对一个AS3来讲，很多的不适应。
Layabox推出的比较晚，他推出两个框架；最开始推的是LayaFlash，这是直接面向Flash AS3程序员的，可以用AS3语言直接开发H5产品，这一点对AS3程序员来讲确实比较爽，太熟悉了，当然这个框架也可以把AS3源码的项目发布成H5项目，对于开发过Flash想快速转型的来讲，是一种超低成本进入H5市场的方式，当然也有一个缺陷，这个框架主要用于开发大游戏，开发小游戏不合适，引擎库好几百K，有点大啊。不过最近要发布另一个框架是LayaAir就解决了只能开发大游戏的问题了，引擎库才100K左右。还支持三种语言开发（AS3、TypeScript、JavaScript），这个全新的引擎开发框架，支持重度、中度、轻度的游戏开发，支持应用、网站的开发。
如何使用EXML Egret EDN 开发者中心
在EUI中，EXML是可以运行时加载解析的。您可以把它当做标准的文本文件加载后解析，或者直接将exml文本内容嵌入代码中解析。在下一节我们将详细讲解EXML的语法，这节我们先来看一下如何在代码中使用EXML文件。下面是一个EXML文件内容示例，它描述了一个按钮的皮肤：
?xml version="1.0" encoding="utf-8" ?
e:Skin class="cfe2-75d5-5104-828c skins.ButtonSkin" states="up,down,disabled" minHeight="50" minWidth="100" xmlns:e=""
e:Image width="100%" height="100%" scale9Grid="1,3,8,8" alpha.disabled="0.5"
source="button_up_png"
source.down="button_down_png"/
e:Label id="labelDisplay" top="8" bottom="8" left="8" right="8"
size="20" fontFamily="Tahoma 'Microsoft Yahei'"
verticalAlign="middle" textAlign="center" text="按钮" textColor="0x000000"/
e:Image id="iconDisplay" horizontalCenter="0" verticalCenter="0"/
/e:Skin
运行时显示结果如下：
直接引用EXML文件
第一种方式也是最简单的方式，因为这个EXML的根节点是Skin，表示这个文件描述的是一个皮肤。在EXML根节点是Skin的情况下，可以直接使用组件的skinName接受EXML文件路径，这通常也是最普遍的使用情景。这里我们假设之前那个EXML文件的路径为:[项目根路径]/resource/skins/ButtonSkin.exml，引用那个ButtonSkin.exml的代码如下：
var button = new eui.Button();
button.skinName = "resource/skins/ButtonSkin.exml";
this.addChild(button);
皮肤文件推荐放在resource目录下。
动态加载EXML文件
上面介绍了EXML根节点是Skin的情况，若不描述的对象不是皮肤，那么我们就得采用更加通用的一种加载解析方式。可以直接使用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同样也提供了文本的解析方式，这个过程大家可以直接类比对JSON文件的处理，因为几乎是一样的。您可以使用HttpRequest去加载EXML文件的文本内容，然后运行时调用EXML.parse(exmlText)方法去解析即可，会立即返回解析后的类定义。当然，您也可以跳过异步加载，直接在代码中嵌入EXML文本内容：
var exmlText = `?xml version="1.0" encoding="utf-8" ?
e:Skin class="75d5-5104-828c-a206 skins.ButtonSkin" states="up,down,disabled" minHeight="50" minWidth="100" xmlns:e=""
e:Image width="100%" height="100%" scale9Grid="1,3,8,8" alpha.disabled="0.5"
source="button_up_png"
source.down="button_down_png"/
e:Label id="labelDisplay" top="8" bottom="8" left="8" right="8"
size="20" fontFamily="Tahoma 'Microsoft Yahei'"
verticalAlign="middle" textAlign="center" text="按钮" textColor="0x000000"/
e:Image id="iconDisplay" horizontalCenter="0" verticalCenter="0"/
/e:Skin`;
var button = new eui.Button();
button.skinName = exmlText;
this.addChild(button);
注意观察上面的例子，这里有个嵌入多行文本的技巧，您可以不用写一堆的 "n"+ 符号来连接字符串，可以直接使用头尾一对·符号（波浪线那个按键）来包裹多行文本。另外，包含在这对符合之间的文本内容，还可以使用${key}的形式来引用代码中的变量，进行简洁的字符串拼接：
var className = "skins.ButtonSkin";
var exmlText = `e:Skin class="5104-828c-a206-afc7 ${className}" states="up,over,down,disabled" xmlns:s="" ...
/e:Skin`;
uttonSkin.exml",this.onLoaded,this);}private onLoaded(clazz:any,url:string):void{ var button
d,this);}private onLoaded(clazz:any,url:string):void{ var button = new eui.Button(); button.skinName = clazz; this.addChil