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

2017-08-21  本文已影响67人  Jonas_j

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

本文只讨论两种方式
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

在没有设置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>
上一篇 下一篇

猜你喜欢

热点阅读