Android 刘海屏适配总结

code小生,一个专注Android领域的技术平台

作者：developerHaoz
地址：https://www.jianshu.com/p/8d723f223aae
声明：本文已获developerHaoz授权，转发等请联系原作者授权

一、简介

随着 Apple 发布 iPhone X 之后，各大手机厂商也开始模仿这种刘海屏的设计，而且刘海屏手机的用户也是越来越大，前段时间将项目进行了所有主流厂商的刘海屏手机的适配，以便让刘海屏手机的用户也能有更好的体验。

二、刘海屏造成的 UI 显示问题

刘海屏手机因为比平常的手机多了一块顶部的遮挡性刘海，所以会造成顶部 Toolbar 以及搜索框的遮挡，而且有些厂商的手机（vivo、华为），默认是在「无状态栏」的界面将状态栏进行黑化显示，这时候会导致系统下移，从而导致底部的一些 UI 被截断。除此之外，一些控件的显示规则还会受到影响，如 PopupWindow 的显示高度会在「无状态栏」的界面中比普通手机低一个「刘海的高度」，从而遮挡住原先在 PopupWindow 周围的图标。

1、系统下移造成的底部 UI 截断

小说页码被截断

2、刘海挡住标题栏和搜索框

刘海挡住标题栏和搜索框

3、PopupWindow 显示异常

PopupWindow 显示异常

三、通用的适配方案

理论上来讲，通过 Android P 版本提供的刘海屏相关接口，判断手机是否为刘海屏手机，以及进行一些相应的处理是最合适的方式，但现在使用在国内使用 Android P 的接口是不现实的，所以只能通过各大厂商提供的技术文档来进行适配，但适配的流程基本是一致的。

刘海屏的适配流程

刘海屏的适配流程

其中需要着重处理的是：

• 1、应用是否已经适配刘海屏

• 2、页面是否显示状态栏

3.1 应用是否已经适配刘海屏

现在国内的主流机型（华为、vivo、OPPO、小米）在刘海屏的显示上分为两个阵营：

• 当不显示状态栏时，直接将界面进行显示，「状态栏原先的位置也用于显示界面」，例如：OPPO

• 当不显示状态栏时，直接「将状态栏原先的位置进行黑化，界面整体下移」，例如：华为、vivo

所以，我们在进行刘海屏适配的时候，首先需要通过一些手段，统一各大厂商的显示方案，让所有的刘海屏手机都利用状态栏的界面，「告知系统」我们已经适配了刘海屏，确保系统不会下移我们的应用，保留原生体验。

这里主要有两种方式：

1、设置屏幕高宽比例
因为刘海屏手机的「宽高比」比之前的手机大，如果不适配的话，Android 默认为最大的宽高比为 1.86，
小于刘海屏手机的宽高比，因此我们需要申明更高的宽高比来告诉系统，我们应用已经适配了刘海屏。

只要在 AndroidManifest.xml 中加入如下配置：