android 适配刘海屏 android 刘海屏 全屏

参考文章Demo地址

全屏状态下

全屏的状态中,状态栏是不存在的,系统默认DecorView布局不会延申到刘海区域.

设置全屏

// 去除标题
requestWindowFeature(Window.FEATURE_NO_TITLE);
// WindowManager.LayoutParams.FLAG_FULLSCREEN: 让window进行全屏显示
getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);

判断是否为刘海屏

private 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) {
            // 如果切口不为null
            if (displayCutout.getBoundingRects() != null && displayCutout.getBoundingRects().size() > 0 && displayCutout.getSafeInsetTop() > 0) {
                // 1. 如果切口区域集合不为null
                // 2. 切口区域存在
                // 3. 安全区域距离顶部距离不为0
                // 三个条件满足,则屏幕中存在刘海.
                return true;
            }
        }
    }
    return false; 
}

设置内容是否能延申到刘海区

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

1. LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT与LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER不许延申到刘海效果,刘海那片区域是黑色的.

2. LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES允许延申到刘海效果,刘海那片区域是白色的.

将内容延申到刘海区

将内容延申到刘海区需要设置沉浸式状态栏,说明下,如果上一步设置的是内容区域步延申到刘海区的话,这一步沉浸式状态栏就算设置了也是不能起到作用的.

// View.SYSTEM_UI_FLAG_FULLSCREEN: 状态栏隐藏
// View.SYSTEM_UI_FLAG_HIDE_NAVIGATION: 导航栏隐藏
// View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN: 视图延伸至状态栏区域，状态栏上浮于视图之上
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);

最终的效果就是:

非全屏状态下

非全屏状态下,状态栏是存在的(默认刘海区高度与状态栏高度相等).此时将内容区域延申到刘海区(也就是状态栏区域)做法如下.

去除标题

requestWindowFeature(Window.FEATURE_NO_TITLE);

设置内容区域延申到刘海区

// 设置状态栏颜色透明
getWindow().setStatusBarColor(Color.TRANSPARENT);
// 这个标记的意思是绘制一个背景透明的状态栏,然后用StatusBarColor中的颜色去填充,上面一步已经设置了StatusBarColor的颜色.
getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
// 最后还要清楚清除这个标记
getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
// SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN: 视图延伸至状态栏区域，状态栏上浮于视图之上
// SYSTEM_UI_FLAG_LIGHT_STATUS_BAR: 设置状态栏中字体与图标颜色为黑色.
int flags =  View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR|View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
int visibility = getWindow().getDecorView().getSystemUiVisibility();
visibility |= flags;// 追加属性
getWindow().getDecorView().setSystemUiVisibility(visibility);

最终得到得效果如下: