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

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

作者: 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