效果图1 640 * 960
效果图2 640 * 1136
准备工作
1,确定设计分辨率 640 * 1024(egret模拟器提供的宽高比在1.5-1.77之间,这里取1.6方便测试,实际开发建议640 * 1136 或者720 * 1280)2,准备一张与设计分辨率尺寸一致的图片用做背景(用于测试,直接采用创建项目时提供的默认背景,使用代码调整高度为640 * 1024)
1,创建egret项目
egretLauncher创建eui或者游戏项目,看自己喜好
2,修改代码
1,全局类AllGlobals.ts
module game {
export class AllGlobals {
public constructor() {
}
public static designWidth = 640;
public static designHeigh = 1024;
}
}
2,场景管理类 SceneManger.ts单例,用于切换场景
module scene
{
enum FIT_STATE{ FIT_NULL,FIT_W,FIT_H}
export class SceneManager{
private static gInstance:SceneManager;
public static get Instance()
{
if(SceneManager.gInstance == null)
{
SceneManager.gInstance = new SceneManager();
}
return SceneManager.gInstance;
}
private mStage:egret.Stage = null;
private mCurrentScene:egret.DisplayObjectContainer;
public setStage(stage:egret.Stage)
{
this.mStage = stage;
// 适配适配背景