egret的eui以及exml使用

最近在看egret的教程，根据教程实现了一个简单的成语大挑战的游戏，对中间使用的部分做了一些总结
首先是在eui里面使用exml
使用exml布局好需要显示的内容后，需要写一个类（需要继承eui对应的控件，或者继承Component），将对应的exml文件赋值给skin，对应的控件的ID可以直接在类中声明就可以使用了

class SceneBegin extends eui.Component{private Beginbtn: eui.Button;public constructor() {super();this.skinName = "src/game/SceneBeginSkin.exml";//this.Beginbtn.addEventListener(egret.TouchEvent.TOUCH_TAP,this.OnClick,this);this.Beginbtn.addEventListener(egret.TouchEvent.TOUCH_TAP,this.OnClick_begin,this);}private OnClick_begin(){console.log("OnClick");var sceneLevel = new SceneLevel();this.parent.addChild(sceneLevel);this.parent.removeChild(this);}
}

egret的eui以及exml使用相关推荐

Egret之eui.Scroller
(纯码农制作 ,不喜勿喷)先看看结果 : 一 : Cell(render) Skin 的制作: 看结果是横向的滚动 , 向左 . 如果第一次显示第二个cell , 那么需向左滑动Cell的宽度 + C ...
EUI库 - EXML
EXML是可以运行时加载解析的 <e:Skin class="skins.ButtonSkin" states="up,down,disabled" ...
Egret的eui的使用
一.如何使用exml: //1.直接使用 var button = new eui.Button(); button.skinName = "resource/skins/ButtonSki ...
egret白鹭eui.Image没有默认的实际宽高
这是源码里的坑,Eui.Image创建好之后没有默认的实际宽高,在设置锚点或者引用宽高的时候容易被坑. 解决思路:用egret.BitMap代替,以后除了eui编辑器上自动上图之外,在代码里手动上图则 ...
egret的eui.List滚动
参考 https://developer.egret.com/cn/docs/page/611#定位滚动位置 egret.callLater(() => {this._infoScroll.vi ...
egret创建EUI动画
参考CSDN教程:https://blog.csdn.net/honey199396/article/details/80625617 参考官网教程:http://developer.egret.co ...
Egret 生成自带EUI 的微信小游戏踩坑！
1. 首先,再次被网上一大堆屎一样的资料搞得浪费了我一天时间.各种坑. 2. 本文先讲一种正确的方式,然后再列举坑. 去www.egret.com下载最新的引擎,我的最新版本是5.2.2. 然后就会被 ...
Html5 Egret游戏开发成语大挑战（四）选关界面
Html5 Egret游戏开发成语大挑战(四)选关界面通过前面的开始界面基本上了解了eui的使用方法,可以简单快速的制作一个UI界面,本篇使用第二界面选关界面展示更为难一点的代码控制,来展现关卡地 ...
Html5 Egret游戏开发成语大挑战（六）游戏界面构建和设计
Html5 Egret游戏开发成语大挑战(六)游戏界面构建和设计本篇将主要讲解游戏界面的构建和设计,会应用到egret.eui的自定义组件,可以很直观的构建一个游戏整体,这里我们仍然只需要使用Eg ...
Html5 Egret游戏开发成语大挑战（九）设置界面和声音管理
Html5 Egret游戏开发成语大挑战(九)设置界面和声音管理在上一篇中,简单的使用界面元素快速实现了一个游戏中的二级页面,这种直接在游戏页面上做UI的做法并不太好,原因是,UI会让游戏的压力变 ...

egret的eui以及exml使用

egret的eui以及exml使用相关推荐

最新文章

热门文章