Egret社区
本帖最后由 xsstomy 于 2015-11-9 14:53 编辑

这个是本人踩过很多坑,也看过很多例子,再实践出来的一套可行性方案,主要是用于解决在Egret_Wing游戏项目中直接进行界面可视化设计,并且支持精灵表单的可视化设计.
!!!本教程是基于Egret_wing2.1.3 ,EgretEngine2.5.4,不知道如何更新到这个版本的,可以直接在EgretEngine里面打开社区体验版.好了,废话不多说了,直接开始正题吧.

一:由于用Egret开发游戏,我们一般都是新建Egret游戏项目,但是新建游戏项目后,你会发现里面再新建EXML皮肤是毫无反应的,那怎么办?不可能开两个工程,一个Egret游戏项目,一个Egret_EUI项目吧。当然不是,不过EgretIDE真心还有很大的进步空间。

   1: 01.png ,新建的Egret游戏项目是没有eui这个模块的,所以我们要手动添加下,具体怎么添加,这个可以自己摸索或者百度一下Egret添加外部库

  2:eui库添加完毕后应该是这个样子的
    02.png ,在我们的egretProperties.json里面添加eui引用,再编译下就会自动在module下面添加eui库了。

3.你以为添加了eui库就可以新建EXML皮肤了吗?那你错了。。。接着来
3.png 拷贝EUI项目中的assets和eui_skins文件夹(可以新建一个EUI项目,然后拷贝这两项就可以了)到你对应的游戏项目的resource的文件夹

4:拷贝EUI项目中resource的一个主题文件default.thm.json到对应的游戏项目resource目录下。
04.png 内容大概是这样

5:接着配置你这个项目的项目属性,如图
05.png 06.png
配置好资源和主题以后,你已经成功2/3了

6:我们需要在Main.ts(主程序入口,当然也可以是你自己设置的一个入口)中,当resource配置加载完毕后面加上这句话
new eui.Theme("resource/default.thm.json",this.stage);

好了,你已经成功了,不过这只是初级的,来个高级的拓展,为了能在设计界面的时候直接应用sheet里面某个小图,实现可拖拽,那你还需要继续往下看。

7:拷贝两个文件到你项目目录中(具体位置可以自己定,文件是在附件中) 附件.zip (2.67 KB, 下载次数: 19)
分享到 :
0 人收藏

13 个回复

倒序浏览
naligeduo  登堂入室 | 2015-11-4 18:22:00
我记得之前GUI的时候,WING有一个功能叫做导入项目,导入以后,会自动配置好GUI相关的东西,可以直接用gui了,eui还没用,不知道还可以不可以
xsstomy  渐入佳境 | 2015-11-4 18:34:32
为什么不直接创建eui项目= =,eui项目是包含game项目内容另外还有eui相关内容。不过写的还是写的挺好的。
bingheliefeng  登堂入室 | 2015-11-4 21:47:41
这种皮肤的方式做应用还挺方便,做游戏的话,就显示麻烦和臃肿了
ZXQ  初窥堂奥 | 2015-11-5 10:04:57
怎么创建eui项目呀?
ActionScript3.0  略有小成 | 2015-11-5 10:09:37
然并卵,直接点一个建EUI项目全解决了
shuaibo  圆转纯熟 | 2015-11-6 10:18:33
xsstomy 发表于 2015-11-4 18:34
为什么不直接创建eui项目= =,eui项目是包含game项目内容另外还有eui相关内容。不过写的还是写的挺好的。 ...

这不是坑么。。。创建一个EUI项目的权限比创建一个Game项目的权限还要大,你让我们普通人怎么理解。。。早点说明嘛。
xsstomy  渐入佳境 | 2015-11-6 10:22:51
ZXQ 发表于 2015-11-5 10:04
怎么创建eui项目呀?

升级引擎到2.5之后,同时Wing 升级到2.1.3.然后在Wing 中就可以创建eui项目了。

升级方法,在引擎面板和工具面板,都打开界面右上角的社区体验版本按钮,就可以更新了。
xsstomy  渐入佳境 | 2015-11-6 10:30:24
shuaibo 发表于 2015-11-6 10:18
这不是坑么。。。创建一个EUI项目的权限比创建一个Game项目的权限还要大,你让我们普通人怎么理解。。。 ...

要不然难道创建一个三方库eui,然后让你拷贝么= =多麻烦。
1219  登堂入室 | 2015-11-11 11:52:10
赞一个!!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部