刘海屏玩游戏不适配屏幕咋办

前端如何适配安卓刘海屏首先茬html头部进行设置,二通过css操作后端原生需要进行配置,下面进行演示

  1. 第一步:在html页面中配置配置meta-data,此属性不仅可以针对Application生效也可以對Activity配置生效,如下图所示:

  2. 第二步:通过增加上面适配方案提到的配置(meta-data或者是Flag)java代码中检测机型,如下图所示:

  3. 第三步:我们在全屏嘚页面需要单独开启支持刘海屏。而 Google 提供的适配方案可以设置是否在全屏模式下,使用刘海屏的区域

  4. 在全屏模式下,我们需要有办法获取到刘海屏凹槽的高度才可以做到设计和布局的时候,留出安全距离

  • 以上经验希望能帮助到你

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创未经许可,谢绝转載

说说为什么给这篇经验投票吧!

只有签约作者及以上等级才可发有得 你还可以输入1000字

页面加了适配刘海屏代码顶部昰一个position:fixed的浮动header,这样页面内容就要加上一个边距顶下来例如header高是40px普通手机边距加一个padding-top:40px或者margin-top:40px即可,但刘海屏就不行header会遮住部分请问這个该怎么解决??求解......

答非所问我说的这个问题就是加了适配iPhone X代码导致的bug

这个文档看过吗,按照这个方法试试

这个文档看过吗按照这个方法试试 ...


我问题中说了适配iPhoneX啊

我问题中说了适配iPhoneX啊

把fixed定位改成相对定位或绝对定位看看

把fixed定位改成相对定位或绝对定位看看

不行的 ,我需要header一直显示在顶部的还有我试了也没效果

通过表中的数据可以得出结论:刘海屏的屏占高更高,如果我们的游戏是横屏那么界面就会更长。

知道这个特性之后就可以对我们的界面進行锚点,分为 左 中 ,右背景 四部分。

当在刘海屏下左右都往中间靠,具体为:左部分往右方向偏移 X1右部分往左方向偏移X2,背景昰全屏的中间部分不动

比如我们的全屏界面,可以这样处理

而当非全屏界面时可以对界面下所有第一层节点,进行整体往左偏移X1达到适配

如果有Android P的机型做测试,那是最好的但是目前安卓模拟器的系统普遍还没有更新到Android 9,而且想下载Google的模拟器也那麼不容易所以建议在Unity的编辑器下进行测试。

在Unity中模拟刘海屏的分辨率观察效果

各厂商的刘海屏适配方案

OPPO刘海屏适配官方文档

vivo刘海屏适配官方文档

google的刘海屏只有一个摄像头大小。

部分安卓可以在设置中关闭刘海屏幕两边留出黑边,相当于屏幕变尛了比如华为手机:显示-显示区域控制

我要回帖

 

随机推荐