首页 > 其他 > 详细

刘海屏适配方案调研

时间:2019-08-04 22:01:50      阅读:106      评论:0      收藏:0      [点我收藏+]

1.问题场景 

部分机型存在隐藏刘海屏的全局功能; notch高度与隐藏刘海模式下黑边高度(statusBar)不同;weex以相同的statusBar距离设置造成刘海隐藏模式上边距很窄,视觉效果差。技术分享图片

 

 

2.影响范围 

有隐藏刘海屏功能的机型;如小米刘海屏机型且系统在Android9.0以前;(重点调研) 
9.0之后去除了隐藏刘海屏的功能

技术分享图片
华为部分机型。

 

3.调研已知 

 1.status Bar与notch 不相等,且notch小于status Bar高度

技术分享图片
2.只有小米刘海屏机型9.0之前机型有隐藏刘海屏功能

3.miui10才能获取到notch高度

技术分享图片
miui10以前的刘海屏机型是获取不到刘海notch高度的;

 

4.解决方案

1.以status Bar高度为准
市面上大多数应用方案

  •  效果为未隐藏时顶部距离略高于隐藏时距离。
  •  无技术风险,无遮盖内容风险

爱奇艺

技术分享图片技术分享图片

有品原生

技术分享图片技术分享图片

百度地图

技术分享图片技术分享图片


2.动态设置顶部高度
隐藏刘海时以status Bar为准;未隐藏时以notch为准,两种情况视觉效果相同

  • 技术风险:miui10之前刘海屏不能获取到notch高度;
  • 9.0之前国产rom解决方案五花八门难以完整适配。9.0之后google有统一api但已经没有9.0的保留隐藏刘海屏功能的机型

3.保留标题栏
-ui改动大,不建议 
天猫

技术分享图片

 

由于适配难度与可行性问题,不建议采用方案二,建议参照方案一进行适配。

 

刘海屏适配方案调研

原文:https://www.cnblogs.com/ivoo/p/11299792.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!