[]分享一下自己的屏幕适配方案
废话不多说 上代码
Laya.stage.scaleMode = Laya.Stage.SCALE_FULL
nWidth:number;
nHeight:number;
ImgX:number;
ImgY:number;
Img:Laya.Image =new Laya.Image();
this.nWidth =this.bg.width; //背景图宽
this.nHeight =this.bg.height;//背景图的高
this.Img.x =0;
this.Img.y =0;
this.Img.url ="../game/1.png";
Laya.stage.addChild(this.Img);
//获取图片初始x y轴坐标
this.ImgX=this.Img.x;
this.ImgY =this.Img.y;
this.layout();
Laya.stage.on(Laya.Event.RESIZE, this, this.layout);
Laya.stage.on(Laya.Event.ADDED, this, this.layout);
layout(){
var bWidth:number = Browser.width; //浏览器的宽
var bHeight:number = Browser.height;//浏览器的高
var wRatio:number = bWidth / this.nWidth; //缩放宽比
var hRatio:number = bHeight / this.nHeight; //缩放高比
var ratio =wRatio>hRatio?wRatio:hRatio;//以最大比列缩放全屏按钮 图片
//小图缩放
this.Img.scale(ratio,ratio);//小图按原比例缩放 不会拉伸变形
this.Img.x =this.ImgX *wRatio;
this.Img.y =this.ImgY *hRatio;
this.bg.scale(wRatio,hRatio); //原比例拉伸背景图
this.size(bWidth,bHeight);
}
Laya.stage.scaleMode = Laya.Stage.SCALE_FULL
nWidth:number;
nHeight:number;
ImgX:number;
ImgY:number;
Img:Laya.Image =new Laya.Image();
this.nWidth =this.bg.width; //背景图宽
this.nHeight =this.bg.height;//背景图的高
this.Img.x =0;
this.Img.y =0;
this.Img.url ="../game/1.png";
Laya.stage.addChild(this.Img);
//获取图片初始x y轴坐标
this.ImgX=this.Img.x;
this.ImgY =this.Img.y;
this.layout();
Laya.stage.on(Laya.Event.RESIZE, this, this.layout);
Laya.stage.on(Laya.Event.ADDED, this, this.layout);
layout(){
var bWidth:number = Browser.width; //浏览器的宽
var bHeight:number = Browser.height;//浏览器的高
var wRatio:number = bWidth / this.nWidth; //缩放宽比
var hRatio:number = bHeight / this.nHeight; //缩放高比
var ratio =wRatio>hRatio?wRatio:hRatio;//以最大比列缩放全屏按钮 图片
//小图缩放
this.Img.scale(ratio,ratio);//小图按原比例缩放 不会拉伸变形
this.Img.x =this.ImgX *wRatio;
this.Img.y =this.ImgY *hRatio;
this.bg.scale(wRatio,hRatio); //原比例拉伸背景图
this.size(bWidth,bHeight);
}
感谢分享~!
要回复问题请先登录