温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Egret设置横竖屏及适配方法

发布时间:2020-05-08 17:25:21 来源:亿速云 阅读:764 作者:Leah 栏目:开发技术

这篇文章主要为大家详细介绍了Egret设置横竖屏及适配的方法,文中示例代码介绍的非常详细,非常适合初学者入门,感兴趣的小伙伴们可以参考一下。

一 : 对于方向锁定的 , 以竖屏为例

        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设置横竖屏及适配方法的具体代码,代码详细清楚,如果在日常工作遇到此问题,希望你能通过这篇文章解决问题。如果想了解更多相关内容,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI