android UIAndroid开发

彻底理解Android沉浸状态栏适配

2017-11-20  本文已影响184人  Coder_熊哥哥

从Android 4.4起源说起

在Android 4.4的时候新增加了一个属性 android:windowTranslucentStatus,我们建立一个values-v19包,增加此属性之后,并未true,状态栏就变为了透明状态,下方文字并顶了上去。

values-v19

   <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:windowTranslucentStatus">true</item>
    </style>
20171120091413.jpg

关键属性 fitSystemWindows

android:fitsSystemWindows="true"
文字被顶上去之后,为了适配状态栏,不把文字覆盖在状态栏上边,在根加上此参数之后,系统会跟我们padding到合适的位置。
参考此属性详细理解
增加之后,文字被放到了合适的位置.

20171120092053.jpg

到了Android 5.0之后

先看一个图,引用网络


20160708140705717 (1).jpg

5.0之后增加了很多属性,我们可以把状态栏颜色和标题栏融为同一个颜色,达到沉浸状态栏适配,但有时候我们需要把背景图片顶上去,目前很多app都是这样做的。
但属性不能在用4.4时候的:windowTranslucentStatus属性了,到了5.0之后被改为了android:statusBarColor,我们填入一个全透明的颜色。

values-v21

   <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
        <item name="android:statusBarColor">#00000000</item>
    </style>
运行之后发现背景并没有顶上去。 20171120094407.jpg

因为我们还要让背景延伸到状态栏

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            Window window = getWindow();
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
            window.setStatusBarColor(Color.TRANSPARENT);
            int systemUiVisibility = window.getDecorView().getSystemUiVisibility();
            systemUiVisibility |= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;
            systemUiVisibility |= View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            window.getDecorView().setSystemUiVisibility(systemUiVisibility);
        }

至此才完美展示,但有一种情况比较尴尬,就是遇到浅色背景,或者纯白色的时候,状态栏就被连成一片了,,,很遗憾的是,到了Android6.0谷歌才有暗色属性,国内小米,魅族开放平台有自己暗色API,其他手机只能增加一个很丑的灰色遮罩,国内app都是这么做的。

魅族,小米浅色状态栏适配

20171120095153.jpg

Android 6.0真正完美

在6.0之后,沉浸状态栏这个神坑才被谷歌彻底填平,缓解在Android 5.0时候,遇到浅色,纯白色尴尬情况,新增了一个属性。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) {
            Window window = getWindow();
            window.getDecorView().setSystemUiVisibility(
                    View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
            window.setStatusBarColor(Color.TRANSPARENT);
        }
20171120101902.jpg

但是更加尴尬的是,国内有些定制rom,神改啊,这个属性不起作用,在乐视手机上面,,,不过大多数手机都是正常的。

推荐一个封装库,良好解决了沉浸状态栏适配问题。

Ps 沉浸状态栏还有个神坑,键盘不能把布局顶上去,迷之Bug,不能滑上去,此封装库也有解决方案。

上一篇下一篇

猜你喜欢

热点阅读