白鹭小游戏-成语挑战-开始页面

白鹭小游戏-成语挑战-整体项目结构

跳转开始页面

Main.ts

/**
 * 创建场景界面
 * Create scene interface
 */
protected createGameScene(): void {
	this.addChild(Begin.Shared()) //打开页面
}

皮肤文件

构建皮肤文件 构建方法参照 loading 页面构建方法

<?xml version="1.0" encoding="utf-8"?>
<e:Skin class="BeginSkin" width="640" height="1136" xmlns:e="http://ns.egret.com/eui" xmlns:w="http://ns.egret.com/wing" >
	<w:Config id="16e689a2820" ></w:Config>
	<e:Image id="bg" source="GameBG1_jpg" x="0" y="0" width="640"/>
	<e:Button id="btn_open" label="" x="196" y="1005" anchorOffsetY="0" height="79" anchorOffsetX="0" width="248">
		<e:skinName>
			<e:Skin states="up,down,disabled">
			<e:Image width="100%" height="100%" source="StartBtn_png" source.down="StartBtn1_png"/>
			<e:Label id="labelDisplay" horizontalCenter="0" verticalCenter="0"/>
			</e:Skin>
		</e:skinName>
	</e:Button>
	<e:Button id="btn_set" label="设置" x="519" y="12"/>
</e:Skin>

ts文件

点击 开始游戏跳转 选择关卡页面 播放背景音乐 和 按键声音
点击 设置 跳转 设置页面

/**
 * 开始页
 * */ 
class Begin extends eui.Component implements  eui.UIComponent {
	// 单例 调用打开此页面
	private static shared:Begin
	public static Shared(){
		if(!Begin.shared){
			Begin.shared = new Begin()
		}
		return Begin.shared
	}

	public btn_open:eui.Button;
	public btn_set:eui.Button;
	public bg:eui.Image;
	
	public constructor() {
		super();
	}

	// 添加皮肤时会自动调用该函数
	protected partAdded(partName:string,instance:any):void
	{
		super.partAdded(partName,instance);
	}

	// 组件加载完毕之后调用
	protected childrenCreated():void
	{
		super.childrenCreated();
		this.init()
	}
	
	private init() {
		musicManager.getMusic().playBgMusic()

		// 绑定事件
		this.btn_open.addEventListener(egret.TouchEvent.TOUCH_TAP,this.openClick,this)
		this.btn_set.addEventListener(egret.TouchEvent.TOUCH_TAP,this.setClick,this)
		this.bg.addEventListener(egret.TouchEvent.TOUCH_TAP,this.bgClick,this)
		
	}

	private bgClick() {
		// 关闭弹窗
		// this.parent.removeChild(ChooseLevels.Shared())
	}

	private openClick() {
		musicManager.getMusic().playBtnMusic()		
		let parent:egret.DisplayObjectContainer = this.parent; // 设置所有场景所在的舞台
		// parent.removeChild(this) //关闭当前页面
		parent.addChild(ChooseLevels.Shared())


		// 打开选关卡页方式
		// this.parent.addChild(ChooseLevels.Shared())
		// this.addChild(ChooseLevels.Shared())
		// this.parent.addChild(new ChooseLevels)

		// SoundManager.getInstance().playClick()
		// let parent:egret.DisplayObjectContainer = this.parent;  
		// parent.removeChild(this) //关闭当前页面
		// parent.addChild(ChooseLevels.Shared())
		
	}

	private setClick() {
		musicManager.getMusic().playBtnMusic()
		// 打开设置页
		let parent:egret.DisplayObjectContainer = this.parent; // 设置所有场景所在的舞台
		// parent.removeChild(this) //关闭当前页面
		parent.addChild(SetGame.Shared())

	}
}