• android之刘海屏适配


    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 距离顶部为刘海区域的高度

     

     
  • 相关阅读:
    SSH防止超时的设置
    vuejs中v-bind绑定class时的注意事项
    js常用到的方法积累
    主流浏览器以及系统的判断
    理解Javascript的状态容器Redux
    可伸缩架构简短系列
    在Node.js中使用RabbitMQ系列一 Hello world
    在Node.js中使用RabbitMQ系列二 任务队列
    Javascript中的async await
    公钥,私钥和数字签名
  • 原文地址:https://www.cnblogs.com/awkflf11/p/12559355.html
Copyright © 2020-2023  润新知