Android异形屏适配(官方方案)
一、前言
Android的异形屏,包括刘海屏,水滴屏、挖孔屏,起初是iOS设备上的杰作,有吐槽,也有赞美。刚出来不久,国内的各大厂商开始效仿,起初官方并没有API进行适配,一些厂商(例如小米、vivo)自己搞了刘海屏,只能用自己的API进行检测适配,这些就是蛋疼的事,通用的做法就是利用反射调用系统API进行判断,不过这篇文章不介绍这些设备的做法,毕竟从Android 9.0 (API Level 28)开始Android官方也出了刘海屏的适配支持,这里主要将官方的(因为现在国内各大厂商出的设备都是基于新系统,都支持官方API检测和适配)
二、异形屏适配详解
2.1 官方对带异形屏设备的要求
为了确保一致性和应用兼容性,官方对搭载 Android 9 的设备有以下要求:
- 一条边缘最多只能包含一个刘海。
- 一台设备不能有两个以上的刘海。
- 设备的两条较长边缘上不能有刘海。
- 在未设置特殊标志的竖屏模式下,状态栏的高度必须至少与刘海的高度持平。
- 默认情况下,在全屏模式或横屏模式下,整个刘海区域必须显示黑边。
2.2 处理异形屏
2.2.1 不隐藏系统状态栏的情形
如果应用所有界面均不隐藏状态栏,也就是应用不与系统状态栏重叠,那么就无需处理异形屏适配,系统状态栏会自动调整占据了异形切口的位置。如下图:
2.2.2 隐藏系统状态栏的情形
如果应用有界面是隐藏系统状态栏的(比如启动页,全屏游戏等),那么就要针对异形屏进行适配。
2.2.2.1 配置应用如何处理异形切口区域
隐藏了系统状态栏,意味着应用的内容将扩充到系统状态栏原有的位置,但是系统提供了控制是否在异形切口区域显示内容的配置,该配置是Window(窗口)级别属性,属性名为 layoutInDisplayCutoutMode
。该属性有三个可选值,分别是:
WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT
- 这是默认行为。官方说明是在竖屏模式下,内容会呈现到刘海区域中;但在横屏模式下,内容会显示黑边。但是笔者才使用过程中,发现横屏和竖屏都是留黑边,不知道是不是跟系统有关(笔者使用官方模拟器和官方原生系统设备均是留黑边效果)WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES
- 在竖屏模式和横屏模式下,内容都会呈现到刘海区域中。WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER
- 内容从不呈现到刘海区域中。
可以通过了两种方法配置该属性:
- 在窗口主题样式文件中定义
在主题样式文件中通过android:windowLayoutInDisplayCutoutMode
定义,示例代码如下:
<style name="Theme.DisplayCutoutDemo" parent="Theme.MaterialComponents.DayNight.DarkActionBar"><!-- 其他属性配置 --><item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
</style>
- 在窗口代码中定义
在代码中定义,需要在Window(窗口)级别属性中配置,示例代码如下:
window.attributes.apply {// Window级别的全屏(这里的代码可以)systemUiVisibility =View.SYSTEM_UI_FLAG_FULLSCREEN orView.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN orView.SYSTEM_UI_FLAG_LAYOUT_STABLE or// 下面两个是隐藏虚拟导航栏View.SYSTEM_UI_FLAG_HIDE_NAVIGATION orView.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION// 设置视图内容是否显示到异形切口区域if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {// 如果最低版本支持小于28,需要增加判断,防止在低版本系统运行时找不到系统API崩溃layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES}
}
- 效果
上面的效果中,发现异形切口区域没有黑边,但是也没有达到预想的内容显示在异形切口区域内,不仅如此,下面导航栏区域也是白边。这是因为 Android 系统不允许视图内容跟系状态栏和导航栏区域重叠,要让视图内容强制延伸至系统状态栏和导航栏区域,可以通过配置视图级别的显示属性参数systemUiVisibility
,代码如下所示:
window.decorView.apply {// 视图级全屏systemUiVisibility =View.SYSTEM_UI_FLAG_FULLSCREEN or// 视图内容延伸到状态栏区域View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN orView.SYSTEM_UI_FLAG_LAYOUT_STABLE or// 视图内容延伸到系统导航栏区域View.SYSTEM_UI_FLAG_HIDE_NAVIGATION orView.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
}
- 效果
2.2.2.2 异形切口区域的视图适配
如果你想将内容扩展到异形切口,如果只是遮挡部分的内容不影响体验(例如启动页图片),可不做处理,但是如果有用户可交互的操作或者文字,必须进行适配。这时,你需要知道异形切口所在的位置和大小,在 Android 9 开始,系统提供了 WindowInsets.getDisplayCutout()
接口获取 DisplayCutout
对象,这时一个描述屏幕中所有切口位置和大小的对象。
- 如何获取
DisplayCutout
对象
获取DisplayCutout
对象,首先要获取WindowInsets
对象。WindowInsets
对象并没有直接获取方法,只能通过监听或者回调方法获取,下面介绍获取WindowInsets
对象的两种方法。
- 在自定义View内部重写
View.onApplyWindowInsets(WindowInsets)
方法获取
class CView(context: Context?) : LinearLayout(context) {override fun onApplyWindowInsets(insets: WindowInsets?): WindowInsets {return super.onApplyWindowInsets(insets)}
}
注意事项:如果是重写
View.onApplyWindowInsets(WindowInsets)
方法获取,请确保WindowInsets
在之前没有被消耗,没有给 View 的父级或者 View 设置View.OnApplyWindowInsetsListener
监听。这个大家可以去了解下WindowInsets
分发相关知识。
- 通过给 View 设置
View.OnApplyWindowInsetsListener
监听获取
window.decorView.apply {if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {// 该方法在 API 20 开始加入,需要做好版本适配setOnApplyWindowInsetsListener { v, insets ->insets}}
}
- 如何获取屏幕切口区域
上面已经介绍了WindowInsets
对象的获取方法,有了WindowInsets
对象,我们可以通过WindowInsets.getDisplayCutout()
获取切口相关信息。在 API Level 28 中,该对象只能支持获取屏幕的安全区域,分别通过WindowInsets.getSafeInsetBottom()
、WindowInsets.getSafeInsetLeft()
、WindowInsets.getSafeInsetRight()
、WindowInsets.getSafeInsetTop()
获取各边安全间距。在 API Level 29 开始,还支持获取具体的切口位置和大小信息,分别通过WindowInsets.getBoundingRectBottom()
、WindowInsets.getBoundingRectLeft()
、WindowInsets.getBoundingRectRight()
、WindowInsets.getBoundingRectTop()
获取各边的切口信息,知道切口信息,可以更加精准地控制显示。
实用小知识:这里介绍到了
WindowInsets
对象,从 API 21开始,可以通过这个对象获取状态栏和导航栏的高度,这些接口分别是WindowInsets.getStableInsetBottom()
、WindowInsets.getStableInsetLeft()
、WindowInsets.getStableInsetRight()
、WindowInsets.getStableInsetTop()
,在API Level 30 开始这几个接口被废弃,使用WindowInsets.getInsetsIgnoringVisibility (int typeMask)
替代。用这种方法获取的时候,即使状态栏和导航栏处于隐藏状态,也不影响获取。
在这里,我们演示下比较简单的安全区域的适配方法。
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT_WATCH) {// 如果最低版本支持小于20,需要增加判断,防止在低版本系统运行时找不到系统API崩溃
setOnApplyWindowInsetsListener { v, insets ->if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {insets.displayCutout?.apply {textView.apply {// 设置padding,防止内容显示到非安全区域setPadding(safeInsetLeft, safeInsetTop, safeInsetRight, safeInsetBottom)}}}// 不消费,直接返回原始对象insets
}
2.2.3 异形屏适配的最佳做法与注意事项
- 不要让异形切口区域遮盖任何重要的文本、控件或其他信息。
- 不要将任何需要精细轻触识别的交互式元素放置或延伸到异形切口区域,异形切口区域中的轻触灵敏度可能要比其他区域低一些。
- 避免对状态栏高度进行硬编码,否则可能会导致内容重叠或被切断。
- 如果的应用需要进入全屏模式,使用
shortEdges
模式,退出全屏是,使用never
模式。 - 在全屏模式下,在使用窗口坐标与屏幕坐标时需要注意,因为在显示黑边的情况下,窗口不会占据整个屏幕。因此根据屏幕原点(屏幕左上角)得到的坐标与根据窗口原点(窗口左上角)得到的坐标不再相同。不过以根据需要使用
View.getLocationOnScreen()
接口将屏幕坐标转换为视图坐标。在处理MotionEvent
时,应当使用MotionEvent.getX()
和MotionEvent.getY()
来避免类似的坐标问题。不要使用MotionEvent.getRawX()
或MotionEvent.getRawY()
。
Android异形屏适配(官方方案)相关推荐
- Android刘海屏适配全方案(华为、小米、Vivo、Oppo)
前言 目前市面上的刘海屏和水滴屏手机越来越多了,颜值方面是因人而异,有的人觉得很好看,也有人觉得丑爆了,我个人觉得是还可以.但是作为移动开发者来说,这并不是一件好事,越来越多异形屏手机的出现意味着我们 ...
- Android刘海屏适配全方案
目前市面上的刘海屏和水滴屏手机越来越多了,颜值方面是因人而异,有的人觉得很好看,也有人觉得丑爆了,我个人觉得是还可以.但是作为移动开发者来说,这并不是一件好事,越来越多异形屏手机的出现意味着我们需要投 ...
- 【Android 屏幕适配】异形屏适配 ② ( 需要异形屏适配情况 | 需要异形屏适配的 Android 系统版本 | 刘海屏状态判定 | 异形屏适配调试 - 华为云调试 )
文章目录 一.需要异形屏适配情况 1.需要异形屏适配的 Android 系统版本 8.0 2.正常有状态栏的界面竖屏不需要适配 3.正常有状态栏的界面横屏需要适配 4.刘海屏状态判定 二.异形屏适配调 ...
- Android 系统(70)---Android刘海屏适配方案
Android刘海屏适配方案 什么是刘海屏 随着iPhone X发布,国内一些厂商也推出了刘海屏手机,即将发布的Android p也提供了对刘海屏的支持.so,我们的app也要提前做好适配. 屏幕的正 ...
- 【Android 屏幕适配】异形屏适配 ① ( 异形屏类型:刘海屏、水滴屏、挖孔屏 | 沉浸式布局刘海屏适配 | 华为手机异形屏适配注意点 )
文章目录 一.异形屏类型:刘海屏.水滴屏.挖孔屏 二.沉浸式布局刘海屏适配 三.华为手机异形屏适配注意点 屏幕适配参考文档 : 设备兼容性概览 屏幕兼容性概览 支持不同的像素密度 声明受限屏幕支持 异 ...
- android 刘海屏适配方法
背景 自从iphone x发布后,各大厂商也发布了类似的刘海屏手机("顶部屏幕凹槽设计"),开发者应该如何适配呢? 原理 为什么会有刘海屏? 因为大家有自拍的需求,需要摄像头前置, ...
- Android 刘海屏 适配
Android 刘海屏 适配主要有三种方案 第一,LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT 模式 在该模式下,如果当前应用没有设置页面全屏显示,则显示逻辑,与正常情况 ...
- Android刘海屏适配
Android刘海屏适配 全屏模式下刘海屏黑边(内容区域下挫)问题,支持国国内 华为,小米,OPPO/VIVIO 非原生9.0系统的刘海屏 刘海屏是Android9.0之后才支持的 详见源码 andr ...
- 2.1.2 Android刘海屏适配
屏幕适配-Android9.0官方刘海屏适配策略 如果非全屏模式(有状态栏),则app不受刘海屏的影响,刘海屏的高就是状态栏的高 如果全屏模式,app位适配刘海屏,系统会对界面做特殊处理,竖屏向下移动 ...
最新文章
- JavaScript(转载)
- HttpURLConnection 请求
- Hyperledger Fabric 交易流程
- 【SSL】keytool复制证书
- java 多线程 总结_Java 多线程总结
- iOS KVO crash 自修复技术实现与原理解析
- 按一个按钮会随机死人_《饥荒》那些年坑爹的随机地图,最后一个简直笑死人...
- ios(safar/微信)返回不执行js
- 回文质数(洛谷-P1217)
- 宝塔面板 nginx+apache共存 之 KVS服务器运行环境搭建过程记录
- powershell cs上线_BasUSB实现后台静默执行上线CobaltStrike
- [3-7]xp系统美化主题包下载每日更新【heizt整理】
- 联发科技 --联发科技简介++附上笔经面经
- xp 极限编程_极限编程(XP)简介
- 魔鬼训练Day2作业
- Tool:Adobe Photoshop
- 择校秘籍|南大计算机 和 北航计算机 应该怎么选?
- android小米手机变慢,小米安卓系统手机上网速度慢的解决方法
- X86服务器CPU的作用,为什么需要基于x86架构的至强处理器?
- David P.Williams论文系列 合成孔径声纳图像快速目标检测:一种新算法及大规模性能分析