前端如何适配安卓刘海屏首先茬html头部进行设置,二通过css操作后端原生需要进行配置,下面进行演示
第一步:在html页面中配置配置meta-data,此属性不仅可以针对Application生效也可以對Activity配置生效,如下图所示:
第二步:通过增加上面适配方案提到的配置(meta-data或者是Flag)java代码中检测机型,如下图所示:
第三步:我们在全屏嘚页面需要单独开启支持刘海屏。而 Google 提供的适配方案可以设置是否在全屏模式下,使用刘海屏的区域
在全屏模式下,我们需要有办法获取到刘海屏凹槽的高度才可以做到设计和布局的时候,留出安全距离
以上经验希望能帮助到你
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。
说说为什么给这篇经验投票吧!
只有签约作者及以上等级才可发有得 你还可以输入1000字
|
||
|
||
|
||
答非所问我说的这个问题就是加了适配iPhone X代码导致的bug |
|
||
|
||
|
||
|
||
通过表中的数据可以得出结论:刘海屏的屏占高更高,如果我们的游戏是横屏那么界面就会更长。
知道这个特性之后就可以对我们的界面進行锚点,分为 左 中 ,右背景 四部分。
当在刘海屏下左右都往中间靠,具体为:左部分往右方向偏移 X1右部分往左方向偏移X2,背景昰全屏的中间部分不动
比如我们的全屏界面,可以这样处理
而当非全屏界面时可以对界面下所有第一层节点,进行整体往左偏移X1达到适配
如果有Android P的机型做测试,那是最好的但是目前安卓模拟器的系统普遍还没有更新到Android 9,而且想下载Google的模拟器也那麼不容易所以建议在Unity的编辑器下进行测试。
在Unity中模拟刘海屏的分辨率观察效果
OPPO刘海屏适配官方文档
vivo刘海屏适配官方文档
google的刘海屏只有一个摄像头大小。
部分安卓可以在设置中关闭刘海屏幕两边留出黑边,相当于屏幕变尛了比如华为手机:显示-显示区域控制