android手机中如何实现想ios一样的沉浸式状态栏效果?下面我来为大家全面的分析下实现的代码,首先看下沉浸式状态栏的效果。
图1 图2 图3
沉浸式状态栏在android中只能在4.4及以上的系统使用,4.4以下是没有效果的。
1、图1是系统默认的状态栏,未做任何的处理效果。
2、 在activity中在oncreat()方法里添加下面的代码:
//5.0 全透明实现 if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { Window window = getWindow(); window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LAYOUT_STABLE); window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); window.setStatusBarColor(Color.TRANSPARENT);// 修改状态栏的颜色,一般设为透明 }else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){ //4.4 全透明状态栏(有的机子是过渡形式的透明) getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION); }
效果图如图二所示,布局全屏了占了顶部状态栏的位置,当我们需要布局通上去的效果时添加上上面的代码段就可以了。部分需求需要实现activity的布局需要占据系统状态栏。不过需要考虑系统的版本坐下判断低于19的不能用。(一般顶部是大图片背景才是用,其他的效果根据自己的需求自定义红色区域的大小,并判断低版本上是否展现。)
3、图3此处就是改变了系统状态栏背景(此处设置的是透明),实现方法在2的基础上添加的一段代码。在布局的最顶层节点中添加:
android:fitsSystemWindows="true"
这个就可以使得activity的布局在系统底下并实现改变状态栏的颜色。
完整的布局代码:
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" >
<!------------------------此处可以是任意的view,和宽高定义-------->
<TextView android:id="@+id/view" android:layout_width="match_parent" android:layout_height="25dp" android:background="@color/app_theme_color" android:text="沉浸式状态栏" /> <ImageView android:layout_below="@+id/view" android:id="@+id/splash_bg" android:layout_width="match_parent" android:layout_height="match_parent" android:src="@mipmap/splash_bg" android:scaleType="centerCrop" /> </RelativeLayout>
下篇 :即将介绍如何实现Slidingmeun的沉浸式状态栏