微信小游戏在全面屏设备上如何做屏幕适配

Creator 2.x
#1

想问下大家在做微信小游戏的时候，是如何处理全面屏的屏幕适配的？首先说一下我的，我的游戏是竖版的游戏，为了游戏显示效果使用的是fitHeight。可是在全面屏设备上，尤其是带刘海设备会有问题，例如：在iphoneX上，刘海部分直接不显示内容，就像是裁掉一样，游戏上方是有游戏内容的。在小米8上，是整个刘海部分都不显示内容的，可是界面有拉伸。
目前我的解决方案是在判断是全面屏设备时，用的适配方案是fitWidth，可是这样就留黑边了。如果使用show_all 按钮的点击区域会有偏移。
想知道有没有完美的解决方案？

1赞
#2

小米8取的statusBarHeight值为40, iPhoneX真机上取的statusBarHeight值为44

#3

widget组件了解一下,微信小游戏获取机型信息再了解一下。可以完美解决。

#4

感觉您说得很轻松啊，您意思是获取设备信息，然后再去改变界面内每个元素显示的位置和宽度，大小吗？另外还有不规则图形按钮和底图的位置关系您有考虑过吗？我没想出来这个怎么样解决，大牛可不可以给个详细点儿的方案？

#5

首先，正常使用Widget适配布局（除了iPhone全面屏机型,基本都可以适用）,
其次，对iPhone全面屏机型再简单处理一下（到这里，基本所有机型都可以了）,
然后，没有然后了。

#6

之前我也这么设想的，可能我的项目特殊了点儿，一些动态显示的，在iPhone全面屏设备上会有严重的偏移，而且界面内元素内容较多，并不是想的那么容易实现。非常感谢您的回复。

#7

没有不能适配的说法，有的只是想不想去适配，言尽于此。:sweat:

1赞
#8

哎~，看到你的话题就好比现在的我，偏移，动态加载prefab，show_all，发送按钮偏移，widget无法解决，同行前辈不知道现在是如何解决的？

#10

微信小游戏上无法获取到刘海的长度，原生平台可以，所有刘海屏是按照机型信息，对需要偏移的节点设置偏移量。如果要偏移的元素太多，可以全部加在一个根节点上，根节点偏移。

#11

用楼上说的办法，用widget尝试就解决了，只是需要多尝试几次，加油老铁

#12

嗯，现在刘海屏设备不全，我现在做的处理也不知道能否匹配全部机型，还待测

#13

预制件的适配怎么操作的？

#14

预制件的根节点设置大小与显示区域一样，下面的各个子节点用widget挂起来就好了啊

#15

设计分辨率为16：9（1334:750） 适配模式为fit width ，部分按钮和界面用widget适配。 导出vivo 或者微信包。 小米8刘海屏。顶部适配会有问题。并且按钮的点击区域会向下偏移。

#16

全面屏是怎么判断的？

#17

我是用的微信小游戏提供的api判断的机型，然后用里面的参数自己做的判断

#18

解决没？我打包到vivo，所有触摸点都偏下了

#19

没有，现在适配2个都勾选了，界面适配在设计分辨率的安全范围内摆放。在部分机型上面按钮表现正常。Nex机型上面，界面表现有偏移（圆角半径高度）。