码迷,mamicode.com
首页 > 移动开发 > 详细

android之刘海屏适配

时间:2020-03-24 15:46:06      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:dash   透明   message   包括   默认   layout   自动   升级   targe   

 

1  适配Android刘海屏小结

一、沉浸式与非沉浸式来回切换页面适配

二、沉浸式页面适配

(非沉浸式页面,系统自动适配)

不进行任何适配的情况下,带有刘海屏的手机都会有一套基本一致的处理逻辑。 

技术图片
 

一、沉浸式与非沉浸式来回切换页面适配

阅读正文界面 

技术图片
 

1、 存在问题: 正文页面在阅读的时候是沉浸式的(无菜单,状态栏),    由于沉浸式的时候, 系统的策略是刘海旁边为黑色(屏幕高度此时不算刘海旁边区域高度), 点击正文空白区域, 显示菜单的时候(显示状态栏,这时候为非沉浸式,屏幕高度算刘海旁边区域高度), 导致屏幕高度老是变化, 阅读器sdk会重新对章节,按屏幕高度重新排版。 所以看书界面会经常显示加载中。 

2、蜗牛阅读正文适配:  使用假状态栏(一直不显示真状态栏,一直为沉浸式, 高度不会变化)

3、云阅读解决:

使用了文漫工具类, 刘海检测Util (DisplayCutoutUtil  .  hasDisplayCutout()是否为刘海屏  ,. displayCutoutRect()获取刘海屏的刘海矩形区域)。

4、云阅读书籍正文策略:

先检测是否是刘海屏幕

1、如果不是刘海屏幕——> 不改变

2、如果是刘海屏幕  ——> 

方案一:  简单方案( 很简单, 暂时使用这个方式) 

技术图片
 

a、 让状态栏长期显示 (反正不显示也是黑色的), 不设置getWindow().addFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN)(全屏模式),  菜单切换也不动FLAG_FULLSCREEN

b、a步骤完成,发现正文顶上去了

 

 
技术图片
 

调整MainView顶部的paddingtop 为 原来的  paddingtop + 刘海的区域的高度 

技术图片
 

方案二:  针对不同的手机,对其进行适配 (比较麻烦,暂时放弃)

 
技术图片
 

已公布实现方案的厂商(适配方式基本是通过反射调用特有方法/获取系统属性来判断),包括华为、小米、OPPO、VIVO,官方的适配文档地址如下:

未公布刘海屏适配文档的厂商,只能等待这些机型升级到Android P之后通过 Google 官方的方式进行适配

华为:华为刘海屏手机安卓O版本适配指导

通过EMUI系统内提供的com.huawei.android.util.HwNotchSizeUtil来处理

小米:小米 MIUI Notch 屏 Android O 适配说明

通过MIUI系统属性ro.miui.notch来判断是否为刘海屏

OPPO:OPPO凹形屏适配说明

通过com.oppo.feature.screen.heteromorphism属性来判断是否为刘海屏

VIVO:VIVO全面屏应用适配指南

通过特有类android.util.FtFeature类来判断是否为刘海屏。

另外,也和蜗牛阅读一样,把底部的导航栏隐藏了

   

二、沉浸式页面适配

1、云阅读有声书播放界面是沉浸式的状态栏,

总体思路:刘海屏状态栏的高度其实和普通的都是一样, 所以只要给全面屏的页面设置一个paddingtop就可以实现,

写一个公共的头部布局在基类里用,给头布局设置一个ayout_marginTop。

 

 
技术图片
 

1、 设置全屏,设置状态栏透明

技术图片
 

2、获取到头布局  audio_player_title,  非刘海屏幕的时候离顶部,默认20dp

技术图片
 

3:给头布局设置布局的paddingtop 

非刘海屏幕——>不用处理

刘海屏幕——> 设置mtitleView 距离顶部为刘海区域的高度

 
技术图片

 

android之刘海屏适配

标签:dash   透明   message   包括   默认   layout   自动   升级   targe   

原文地址:https://www.cnblogs.com/awkflf11/p/12559355.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!