透明状态栏的多种方案,可参考:棒棒糖:将其颜色设置为透明后面的状态栏
本文只讨论两种方式
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>
网友评论