egret 关于exml文件使用的三种方法

于 2021-10-26 19:16:47 发布
阅读量1.8k 收藏 1
点赞数
分类专栏： egret 文章标签： xml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52702554/article/details/120978320
版权
本文详细介绍了Egret游戏开发中EXML文件的三种使用方法。方法一涉及通过EUI组件创建并配置EXML文件，包括新建、设置属性和拖放资源。方法二说明了在不同文件夹下创建EXML和TS文件，并进行关联。方法三引用了官方源码示例。每种方法都包括了如何在舞台上显示和操作组件的关键步骤。
摘要由CSDN通过智能技术生成

EXML使用方法一：

①选中src文件夹，鼠标单击右键，选择新建EUI组件

 ②选择新建EUI组件后，会弹出如下窗口

红色框部分，类名是自己随机取的TS文件的名称，在绿色框中的√是默认选中的，一般不用更改他们。蓝色框是与TS文件绑定的exml文件的路径，可以选择它默认的eui_skins文件，也可以放在自己创建的文件夹里面，但都要在resource文件下创建新的文件夹。

③EUI文件创建成功后，会生成如下情况：

在EXML1.ts文件中的代码是新建成功文件后，默认生成的，此时还需要添加一部分代码才能让与EXML1.ts文件夹所绑定的EXML1.exml文件在舞台中显示。

④可以调整调整窗口的大小

⑤在exml文件中创建内容需要注意的事项，

最低0.47元/天 解锁文章
倥谷
关注
专栏目录
egret_EXML
张庆超的博客
01-11 5173
EXML： eui的分类 eui.AddItems: 添加状态显示元素操作eui.ArrayConllection: 数组的集合类数据结构包装器, 能在数据源发生改变的时候主动通知视图刷新变更数据项eui.BasicLayout: 绝对布局类, 要求显示定位每个容器子代。 可以使用子代的x 和y属性, 或使用约束来定位每个子代Binding: 绑定工具类, 可以使用此类的方法来配置
学习Eegret UI Editor-如何使用自己做的exml皮肤文件
m0_46790912的博客
05-13 664
根据白鹭官方的B站教程，使用这个exml文件的核心就是要将添加到stage舞台的类和这个exml文件绑定起来，有两种方式，接下来听我好好地给大伙娓娓道来（装上一逼）。如果你问我为什么要继承类这个又实现那个接口的话，那我只能说，“想知道我的秘密吗？之后源码会对skinName进行一个解析（对，想知道就去看源码，这里不方便说太多，因为我懒）做完上面步骤之后，最重要一步来了，就是别忘了在入口类里将你的场景类添加到舞台上，注意每个组的最后一行，都是我新添加进去的，然后Ctrl+S保存，直接运行，搞定。
Egret UI Editor1.12.0 升级辅助修改exml工具
jzh
01-25 404
eui Editor1.12.0一键升级exml工具eui Editor1.12.0升级后所有exml文件报错 eui Editor1.12.0升级后所有exml文件报错 升级后的编辑器修复了缩放后的拖动错位，用的舒服多了。 但是升级后的编辑器对旧版本生成的exml不兼容，由于新版创建的exml类名必须带skins前缀。 这里写了一个工具一键修改所有exml文件的三个字段以支持新版编辑器。 下载工具放到项目根目录，自动修改resource下的所有exml class、skinName、itemRendere
每周学一点Egret（16） exml 和 psd的规格选定
夏天的树人的专栏
09-09 974
问题一：这几天在写编码的时候，遇到一个疑惑。psd该定多大好？在过去一个项目里面外面定了一个psd规格为640x1136 刚好这个尺寸可以满足到iphone 5 以上的手机。在一些朋友推荐下，exml 尺寸和psd 输出的规格保持一致。然而在制作的过程发现当前的项目出现问题。其中原因是640x1136的尺寸，设计的时候中间太多的元素。上部，中部，下部三个规格都存在这个问题。因此我们选择了低一点的分辨
egret皮肤报错：EXML解析错误 无法将'string'类型的值赋给属性
a641832648的博客
04-23 1602
如果在wind输出错误： EXML解析错误 <皮肤名称>: 无法将'string'类型的值赋给属性:'属性名称:' at <自定义皮肤组件 skinName="皮肤名" horizontalCenter="0" verticalCenter="0" id="_SBubbleUI1"/> 则说明你在自定义皮肤里面声明变量的时候赋值了； 例如：我自定义了一个MyButto...
Egret制作打砖块微信小游戏
和产品battle的秃头程序
05-03 776
使用Egret制作微信小游戏打砖块-包括好友排行榜项目创建与配置项目逻辑代码项目发布微信小游戏的开发项目所有代码 项目创建与配置 创建一个Egret EUI项目，默认库即可； 导入素材，在resource文件夹下创建一个文件夹skins，在skins中创建 游戏场景的EXML文件 和 砖块的EXML文件； 然后在 resource目录下的default.thm.json中，在exmls和skin...
Egret(引擎篇)
qq_17561967的博客
01-04 1056
Egret(引擎篇) EgretEgret(引擎篇)一、什么是Egret？二、Egret1.常用文件配置2.显示对象3.坐标系4.显示列表与容器类5.时间与用户交互5.布局 一、什么是Egret？   Egret Engine是一个基于TypeScript语言开发的HTML5游戏引擎，Egret 引擎专注于移动设备上的HTML5 游戏开发，为HTML5 游戏开发者提供了无可比拟的快捷开发游戏的方式。   引擎特点: 简洁易用,上手难度低； 配套工具完善； 性能高效，Egret完全使用HTML5标准
Egret界面制作
WiGameFun的博客
01-05 1081
自学开发笔记，有兴趣的同学请关注微信WiGameFun，不定时分享游戏开发相关技术。有不对的地方烦请指点修正。​ Egret开发（六）界面制作 游戏开发中，UI界面的制作是其非常重要的一环，今天我们来学习一下Egret中UI界面的制作。 层级概念 开始之前让我们先想一想游戏中UI需要具有哪些特性： 这里，我们引入一个游戏场景的层级概念。比如游戏中我们控制的角色、NPC、障碍、BOSS等应该在一个...
Egret游戏开发之多行滑动列表实现
wuhaishengxxx的专栏
04-08 4883
先前，本人有一篇文章关于使用Egret进行H5游戏开发中，滑动列表的实现。详见 http://blog.csdn.net/wuhaishengxxx/article/details/54863897 滑动列表采用的是 eui.Scroller + eui.List去实现，使用过程中，我们只需要指定项皮肤，然后通过对数据源进行绑定实现。该博文，讲述的例子只适用于一列或者一行，在实际
exml:Erlang中的XML解析库
05-20
xml文件 exml是一个Erlang库，有助于解析XML流和进行一些基本的XML结构操作。 建造 exml是与钢筋兼容的OTP应用程序，请运行make或./rebar compile以进行构建。 根据要求，需要expat库的开发标头。 使用 exml可以一次解析XML流和单个XML文档。 要解析整个XML文档： { ok , Parser } = exml : parse (<< " <my> " >>). 要根据Erlang条款生成XML文档，请执行以下操作： Xml = { xmlel ,<< " foo " >>, [{<< " attr1 " >>,<< " bar " >>}], % Attributes [{ xmlcdata , " Some Value " }] % Elements }. exm
egret循环播放动画的两种方法
a641832648的博客
12-28 3987
1、在exml配置文件当中加入loop=“true”， &lt;!--在你需要循环播放的动画的位置加进去--&gt; &lt;tween:props&gt; &lt;e:Object loop="true"/&gt; &lt;/tween:props&gt; &lt;!--如--&gt; &lt;tween:TweenIt..
egret的ts和exml里的组件id对应不上，多生成组件原因。
weixin_42253927的博客
06-07 1891
我们在皮肤文件中给组件设id我们在ts里要操作这个id我们有时候会出现两个组件问题，那是因为我们把组建的实例化写在了构造函数里，导致出现两个实例化的id对应组建，覆盖了加载皮肤文件时的id联系。我们应该把实例化操作（new 操作）写在类方法里（至于为什么笔者还没搞懂），然后再构造函数里addchild。如图：...
EXML的使用
Fanstasic的博客
10-21 1337
1.创建exml文件 2.如果调试时图片资源报错404注意资源路径 3.通过设置skinName的方式调用EXML class abc extends egret.Sprite{ public constructor() { super(); this.cteateEXML(); } private cteateEXML()...
egret 学习5
mr_henry_love的博客
02-04 493
1, 使用eui.scroller. 首先打开eui 的编辑器, 拖入一个 scroller,   然后就会自动在下面生成一个group, 给这个group 取一个id,   然后创建一个ts 的类 把这个exml 作为皮肤, 然后  记住一点是要给这个group设置一个布局,  垂直布局或者水平布局都可以,   然后直接给这个group.addchild(item) 就可以了,   如果要隐藏垂
egret-皮肤
chenbingzhao的专栏
11-21 723
皮肤分离概念 egret的eui.Component通过皮肤分离，将单个组件分为逻辑组件和外观组件。新建一个类继承Component或其子类，然后设置该类的skinName属性，即可将皮肤绑定到逻辑组件。 皮肤如何绑定组件 新建一个exml皮肤文件，随便拖点控件进去。 ​ 切换到源码模式： <?xml version='1.0' encoding='utf-8'?> <e:Skin class="TestSkin" width="100" height="50" xmlns:e=
EUI库 - EXML
weixin_30819163的博客
08-06 219
EXML是可以运行时加载解析的 <e:Skinclass="skins.ButtonSkin"states="up,down,disabled"minHeight="50"minWidth="100"xmlns:e="http://ns.egret.com/eui"> <e:Imagewidth="100%"h...
Egret exml在微信小游戏这块儿的坑
RICKShaozhiheng的专栏
05-22 5160
知识点： 微信小游戏不支持eval等方法动态调用js脚本 egret自定义组件暴露在全局，但是导成微信小游戏工程的时候必须要将类挂载到window上 exml最终会被解析成js代码 egretProperties.json中的eui中 exmlPublishPolicy 要改为 commonjs 才能在编译的时候就生成js代码 使用皮肤的时候直接引用EXML文件，而不要动态加载EXML文件 ...
egret 的exml
mr_henry_love的博客
02-02 762
有时候想要获取exml 文件中某个组件的宽高, 可能会获取到0, 这个是因为实际上在exml 文件中根本没有赋值,   自己赋一下值就可以了.  别看那里有个默认的值, 这个实际上在exml 文件中是没有写入进去的
egret.SpriteSheet 没有addTexture这个方法
最新发布
06-02
非常抱歉，我的回答有误。您说得对，Egret中的SpriteSheet确实没有addTexture方法。正确的方法是使用 `createTexture()` 方法创建小图，然后使用 `sheet.textures` 属性将所有小图添加到 `SpriteSheet` 对象中。例如： ``` let texture: egret.Texture = RES.getRes("image_json.image_png"); let sheet: egret.SpriteSheet = new egret.SpriteSheet(texture); let texture1: egret.Texture = sheet.createTexture("image_name1", x1, y1, width1, height1); let texture2: egret.Texture = sheet.createTexture("image_name2", x2, y2, width2, height2); sheet.textures["image_name1"] = texture1; sheet.textures["image_name2"] = texture2; ``` 这将创建名为 "image_name1" 和 "image_name2" 的两个纹理并将它们添加到 `SpriteSheet` 对象中。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值