首页 > 其他 > 详细

Egret之横竖屏及适配方式

时间:2019-08-15 18:05:43      阅读:508      评论:0      收藏:0      [点我收藏+]
一 : 对于方向锁定的 , 以竖屏为例
        if (egret.Capabilities.isMobile == true) {
            this.stage.orientation = egret.OrientationMode.PORTRAIT;
            this.stage.scaleMode = egret.StageScaleMode.EXACT_FIT;
        }
        else {
            this.stage.orientation = egret.OrientationMode.AUTO;
             this.stage.scaleMode = egret.StageScaleMode.SHOW_ALL;(比如 : 640 * 1134)全部显示出来(在PC浏览器上)
        }

二 : 对于方向不锁定(主要针对移动终端)

egret.OrientationMode.AUTO

private setResize() {
        if( this.stage.stageHeight / this.stage.stageWidth < 1.77 ){
                this.stage.scaleMode = egret.StageScaleMode.FIXED_HEIGHT;
        }else{
                this.stage.scaleMode = egret.StageScaleMode.FIXED_WIDTH;
        }
}

可以使用this.stage.addEventListener(egret.Event.RESIZE, this.setResize, this);触发
注意 , 保存一份this.stage 如 ,
/**

  • 获取游戏Stage对象
  • @returns {egret.MainContext}
    */
    public getStage():egret.Stage {
    return egret.MainContext.instance.stage;
    }

以上this.stage , 都需要替换成 egret.MainContext.instance.stage

Egret之横竖屏及适配方式

原文:https://blog.51cto.com/aonaufly/2429671

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!