屏幕适配(四)——刘海屏适配

1、判断是否有刘海

通过WindowInsets的getDisplayCutout方法获取到DisplayCutout对象，根据DisplayCutout对象来判断是否有刘海

private static boolean hasDisplayCutout(Window window) {

    DisplayCutout displayCutout;
    View rootView = window.getDecorView();
    WindowInsets insets = rootView.getRootWindowInsets();
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P && insets != null){
        displayCutout = insets.getDisplayCutout();
        if (displayCutout != null){
            if (displayCutout.getBoundingRects() != null && displayCutout.getBoundingRects().size() > 0 && displayCutout.getSafeInsetTop() > 0){
                return true;
            }
        }
    }
    return false;
}

2、设置是否让内容区域延伸进刘海

如果是非全屏应用，则不做处理，
如果是全屏应用，则通过设置WindowManager.LayoutParams的layoutDisplayCutoutMode属性为LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES将内容延生进刘海区

WindowManager.LayoutParams params = window.getAttributes();
/**
 *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT 全屏模式，内容下移，非全屏不受影响
 *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES 允许内容去延伸进刘海区
 *  * @see #LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER 不允许内容延伸进刘海区
 */
params.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
window.setAttributes(params);

3、将状态栏设置为沉浸模式

int flags = View.SYSTEM_UI_FLAG_FULLSCREEN | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
int visibility = window.getDecorView().getSystemUiVisibility();
visibility |= flags; //追加沉浸式设置
window.getDecorView().setSystemUiVisibility(visibility);

我们看一下对比图

刘海屏适配对比图.png

可以看到非全屏的应用，刘海和状态栏一样高，不需要适配
沉静模式下，如果没有适配刘海，上面会有一条大黑边

4、置控件是否避开刘海区域

如果有控件被刘海挡住，则要适当的修改控件的位置，或者直接给container设置一个padding。一般而言，刘海的高度就是状态栏的高度。或者通过displayCutout.getSafeInsetTop()获取高度

public static int heightForDisplayCutout(Context context){
    int resID = context.getResources().getIdentifier("status_bar_height", "dimen", "android");
    if (resID > 0){
        return context.getResources().getDimensionPixelSize(resID);
    }
    return 96;
}

LinearLayout layout = findViewById(R.id.container);
layout.setPadding(layout.getPaddingLeft(), CutoutUtils.heightForDisplayCutout(this), layout.getPaddingRight(), layout.getPaddingBottom());

刘海屏调整遮挡控件.png

5、对于有些第三方厂商，也去找官方文档，进行特殊处理

华为:https://devcenter-test.huawei.com/consumer/cn/devservice/doc/50114
小米:https://dev.mi.com/console/doc/detail?pId=1293
Oppo:https://open.oppomobile.com/service/message/detail?id=61876
Vivo:https://dev.vivo.com.cn/documentCenter/doc/103