白鹭egret添加新页面教程,如何添加新页面

上一个教程中讲解了如何引入图片,如果图片作为一个按钮,点开一个跳转页面,怎么处理

1.首先打开需要引入的页面的ts文件定义一个按钮,比如我们定义为private btnXxl:eui.Button;

 免费的egret视频学习资料

2.写点击动作,打开下面的onTouchTap方法,加入点击事件,这里我们作为打开和主页面一样的界面的方式来实现,这里称之为切换游戏场景,使用SceneManager.instance.runScene(HuhuScene);方法切换游戏场景

3.新建ts文件,她继承于scenebase

4.新建exml文件 ,这里的模板自己写好(可自定义拖拽布局)

5.添加好了模板以后还需要再添加几个引入,首先是exml.e.d.ts

然后是打开manifest.json

然后再打开default.thm.json,添加一行代码,引入exml文件

在游戏项目根目录下添加引入js文件,因为项目执行debug的时候会生成相应的js

引入完成这些一个新的页面就可以打开了,如果需要打开一个弹出框,跟上面步骤几乎一样,

只是引入的ts文件最好是放在/src/layer/panel目录下

引入的exml模板文件放在resource/eui_skins/layer/panel目录下

然后使用UIManager.instance.popPanel打开弹出层!!!

经验分享 程序员 微信小程序 职场和发展