美文网首页
透明状态栏的两种实现方式及区别

透明状态栏的两种实现方式及区别

作者: Jonas_j | 来源:发表于2017-08-21 13:48 被阅读67次

    透明状态栏的多种方案,可参考:棒棒糖:将其颜色设置为透明后面的状态栏

    本文只讨论两种方式
    1。主题中配置 <item name="android:windowTranslucentStatus">true</item>可用于API 19及更高版本
    2。主题中配置 <item name="android:statusBarColor">@android:color/transparent</item>仅适用于API 21及更高版本


    1,windowTranslucentStatus <item name="android:windowTranslucentStatus">true</item>

    效果:状态栏透明,布局会自动填充statusbar(布局的内容延伸到状态栏),
    android:fitsSystemWindows="true|false"该属性设置有效,作用:true为布局添加高度为statusbar的paddingtop值,false不适配statusbar(默认false)
    getWindow().getStatusBarColor() =-13615201 并不是Color.TRANSPARENT但是透明效果
    缺点:弹出的dialog不会随着输入法滚动,可能导致输入法遮挡住dialog

    2,statusBarColor <item name="android:statusBarColor">@android:color/transparent</item>

    效果:状态栏透明,布局不会自动填充statusbar(布局的内容没有延伸到状态栏),statusbar背景为白色content的颜色
    android:fitsSystemWindows="true|false"该属性设置无效
    getWindow().getStatusBarColor() = Color.TRANSPARENT
    不存在 方式一的缺点 dialog可以随着输入法滚动

    要实现windowTranslucentStatus 的透明状态栏的效果同时让布局填充statusbar,android:fitsSystemWindows="true|false"该属性设置生效,需要设置window布局填充整个屏幕

    设置window布局填充整个屏幕
    getWindow().getDecorView().setSystemUiVisibility(
            View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN);
    

    透明状态栏的实现方式 推荐使用statusBarColor

    • colorPrimaryDark
      To set a custom color for the status bar,
      use the android:statusBarColor attribute when you extend the material theme.
      By default, android:statusBarColor inherits the value of android:colorPrimaryDark.
      statusBar
    • SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN模式下,默认跟布局会延伸到statusBar状态栏下面android:fitsSystemWindows="true" 是给View设置padingTop的值
      在非SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN模式下,跟布局不延伸到statusBar状态栏下面android:fitsSystemWindows="true" 的作用是允许View延伸到statusBar状态栏下面,与填充屏幕的模式有差异
    在没有设置SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
    布局中配置android:fitsSystemWindows="true"不会充满屏幕,,
    但是使用CoordinatorLayout包裹AppBarLayout
    同时设置 android:fitsSystemWindows="true"那么布局可以填充整个屏幕
    <android.support.design.widget.CoordinatorLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true">
        <android.support.design.widget.AppBarLayout
            android:id="@+id/appbar"
            android:fitsSystemWindows="true"
            android:layout_width="match_parent"
            android:layout_height="match_parent">
        //充满屏幕
        </android.support.design.widget.AppBarLayout>
    </android.support.design.widget.CoordinatorLayout>
    

    相关文章

      网友评论

          本文标题:透明状态栏的两种实现方式及区别

          本文链接:https://www.haomeiwen.com/subject/whmcdxtx.html