Egret社区

对长屏幕手机的适配方案

2018-11-1 22:34
3078
10银子
QQ截图20181101223031.png 当手机屏幕偏长时,游戏舞台默认靠上,即Y坐标0,导致底部留黑,尤其是某X手机顶部还有刘海,有没有办法能让舞台下移居中?
(微信小程序的适配模式是 fixedWidth,不知道有没有影响)

最佳答案

查看完整内容

这是适配的代码你可以看一下
分享到 :
0 人收藏

8 个回复

倒序浏览
山猫  官方团队 | 2018-11-1 22:34:50
这是适配的代码你可以看一下

c.rar

826.11 KB, 下载次数: 20, 下载积分: 银子 -1

点评

jax
大大的点赞  发表于 2018-11-9 18:53
yang-baba  初学乍练 | 2018-11-2 09:09:19
单纯的适配模式不能达到你要的效果,需要手写,抽离需要适配的部分,架构上统一适配。局部采用居中适配
zhangt  登堂入室 | 2018-11-8 19:42:44
yang-baba 发表于 2018-11-2 09:09
单纯的适配模式不能达到你要的效果,需要手写,抽离需要适配的部分,架构上统一适配。局部采用居中适配 ...

能详细解释下吗?
aser  登堂入室 | 2018-11-9 09:19:41
可以采用比较暴力 但效果也还不错的方案fixedNarrow
手动计算 铺满整个屏幕的需要的等比缩放比例,这个一般比舞台大,也有刚好合适的。
那么这个缩放比例  就是你的背景需要进行缩放的,这样背景在几乎任何设备上都是铺满了,但某些设备可能出现裁剪
这个时候UI 自己写动态布局,或者用白鹭自带的约束布局 也行。这样的话 在很多地方都是全屏的,微信小程序 没接触过,不过这种方式 在网页上,安卓微端,IOS hybrid 下都能够全屏铺满


这种对于 对背景画面要求不大的比较适合,其实换句话说 你可以看到 市面上不少游戏  的背景图在不同的手机上 显示的完整度也是不一样的。


至于刘海屏,多数应该是 计算到刘海屏的宽度然后 做UI调整吧
gamedaybyday  初窥堂奥 | 2018-11-9 09:32:38
fixedWidth
背景图足够长
高宽比大于2:1,判断未全面屏刘海机,上端UI下移大概60像素
jet66  圆转纯熟 | 2018-11-9 09:42:07
fixedwidth

背景图做成九宫格,宽高都是100%

UI弄成header顶,底在bottom ,内容加个背景自适应 (都是灵活运用)
ds0445sz  登堂入室 | 半小时前
我最后采用了fixedwidth模式,然后所有的界面判断宽高比小于某个值时向下偏移,比较简单直白的方法
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

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

返回顶部