egret的eui以及exml使用

最新推荐文章于 2022-10-20 09:41:50 发布

原创最新推荐文章于 2022-10-20 09:41:50 发布 · 6.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#egret #eui #exml

egret 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一款使用Egret框架及EXML进行布局的成语挑战游戏开发过程。通过创建对应的组件类并设置skin为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);
    }
}