Egret社区

微信小游戏全面屏适配

2019-5-29 16:32
5014
50银子
本帖最后由 白鹭终结者 于 2019-5-29 16:41 编辑

在打包微信小游戏后,全面屏(小米8s)适配出现问题,(横屏游戏)图片以及图标按照(手机)长边进行了缩放,导致短边有一部分超出了屏幕,如何能按照短边进行缩放然后居中?showAll模式也尝试过,但是无解,求破。
如有详细建议,也可联系QQ: 1536056949

最佳答案

查看完整内容

可以用代码来调整(参考下面代码),主要是算出this.scaleY,this.scaleX,这样就会在默认屏幕宽高的基础上进行缩放 。希望对你有用。 let displayWidth = this.stage.stageWidth;// 屏幕宽 let displayHeight = this.stage.stageHeight;// 屏幕高 let stageHeight = displayHeight;//实际高 let stageWidth = Math.round(默认屏 ...
分享到 :
0 人收藏

4 个回复

倒序浏览
谷歌妹妹  登堂入室 | 2019-5-29 16:32:01
本帖最后由 谷歌妹妹 于 2019-5-30 14:21 编辑

可以用代码来调整(参考下面代码),主要是算出this.scaleY,this.scaleX,这样就会在默认屏幕宽高的基础上进行缩放 。希望对你有用。
let displayWidth = this.stage.stageWidth;// 屏幕宽
                                let displayHeight = this.stage.stageHeight;// 屏幕高
                                let stageHeight = displayHeight;//实际高
                                let stageWidth = Math.round(默认屏幕宽* displayHeight / 默认屏幕高);// 实际宽按比例缩放
                                if(stageWidth > displayWidth) {
                                        stageWidth = displayWidth;
                                }
                                let scaleX = stageWidth / 默认屏幕宽;// 新宽度/老宽度
                                let scaleY = stageHeight / 默认屏幕高;// 新高度/老高度

                                this.scaleY = scaleY;
                                this.scaleX = scaleX;

                                this.x = (displayWidth - stageWidth) / 2;// 中央对齐
常歌行  官方团队 | 2019-5-29 17:20:46
缩放模式:exactFit  旋转模式:landscape
Hjx  圆转纯熟 | 2019-5-29 17:56:56
用其他设配方式适配  fixedNarrow
白鹭终结者  圆转纯熟 | 2019-5-29 20:38:48
常歌行 发表于 2019-5-29 17:20
缩放模式:exactFit  旋转模式:landscape

这个试了一下,效果并不是很理想,有没有什么办法让全面屏按照短边缩放,长边居中,长边左右留黑。
目前的情况如图,可以看到,全面屏长边都能显示完全,但是短边下面的船就超出了屏幕,能否短边 适配,长边留黑居中。小米8s, 非全面屏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|京网文[2014]0791-191号|京ICP证150115号|Egret社区 ( 京ICP备14025619号 )

Powered by Discuz! X3.4 © 2001-2019 Comsenz Inc.

返回顶部