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

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

 

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

 免费的egret视频学习资料

关注技术公众号【清兮科技】回复【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打开弹出层！！！