关于沉浸式模式,网上已经有很多大牛写的文章了。在这里只是记录一下几种实现方式及其步骤方便以后查阅、复习,快速应用。
什么沉浸式模式:
在Android4.4之前,状态栏的颜色是黑色的,不能和我们的应用融为一体。在4.4之后,能够实现给状态栏设置颜色。并且从5.0开始系统更加完善了这一功能,可直接在主题中设置@color/colorPrimaryDark或者getWindow().setStatusBarColor(color)来实现。
实现沉浸式模式步骤:
1、让状态栏透明(两种方式)
1.1)分别在values、values-19、values-21 自定义同名的Theme,在Manifest中设置Activity的Theme
1.2)通过java代码实现
2、给状态栏着色(两种情况)
2.1)android:fitsSystemWindows="true" 不允许布局延伸到状态栏
2.2)android:fitsSystemWindows="false" 允许布局延伸到状态栏(如果页面顶部是一张图片的话就不用处理,如果页面顶部是Toolbar或者自定义TitleBar的话就用paddingTop=20dp/25dp来处理)
3、具体实现
3.1)自定义Theme实现状态栏透明 + android:fitsSystemWindows="true" 让布局不延伸到状态栏
第一步 -- 状态栏透明:
values:
true
values-v19:
true
false
true
values-v21
true
false
true
@android:color/transparent
Manifest文件中给Activity设置Theme
android:name=".ColorXmlActivity"
android:theme="@style/CustomSystemStatusTheme"/>
第二步 -- 给状态栏着色(有两种方式)
方式1:将该Activity的最底层的layout的背景色设置为状态栏需要的颜色,来给状态栏着色,xml如下:
android:id="@+id/activity_color_xml"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorPrimary"
android:fitsSystemWindows="true">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/colorAccent"
android:orientation="vertical">
这种方式某些情况下需要我们在最外层布局之外再专门套一层布局来给状态栏着色,从而会有过度绘制问题。
方式2:通过java代码,添加一个和状态栏高度一样的View,设置该view的背景色为需要的状态栏的颜色
private void addStatusBarView() {
View view = new View(this);
view.setBackgroundColor(getResources().getColor(R.color.colorPrimary));
//getStatusBarHeight();是获取状态栏的高度方法,可参考
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
getStatusBarHeight());
ViewGroup decorView = (ViewGroup) findViewById(android.R.id.content);
decorView.addView(view, params);
}
3.2)java代码实现状态栏透明 + android:fitsSystemWindows="false" 让布局延伸到状态栏及paddingTop来实现
第一步 -- 状态栏透明(使用java代码实现):
public void statusTranslucent() {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {//5.0及以上
View decorView = getWindow().getDecorView();
int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
decorView.setSystemUiVisibility(option);
getWindow().setStatusBarColor(Color.TRANSPARENT);
} else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {//4.4到5.0
WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();
localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);
}
}
第二步 -- 给状态栏着色
android:fitsSystemWindows="false"允许布局延伸到状态栏,但是我们通过设置paddingTop来空出状态栏的高度就可以,activity的xml代码如下:
android:id="@+id/activity_color_xml"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:fitsSystemWindows="false">
include_titlebar2.xml的布局如下:
android:layout_width="match_parent"
android:layout_height="@dimen/titlebar_height"
android:background="@color/colorPrimary"
android:paddingTop="@dimen/titlebar_padding_top">
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:text="标题"
android:textColor="@android:color/white"
android:textSize="20sp" />
其中include_titlebar2.xml中的titlebar_height和titlebar_padding_top分别在values/dimens、values-19/dimens、values-21/dimens进行定义,如下:
values/dimens
50dp
0dp
values-v19/dimens
70dp
20dp
values-v21/dimens
70dp
20dp
还有一种情况就是顶部是一张图片的时候,第一步同上,xml直接如下:
android:id="@+id/activity_color_xml"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:fitsSystemWindows="false">
android:src="@mipmap/test"
android:scaleType="fitXY"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
上面两个第一步可以任意选择一个使用。如果是使用java代码的话,最好在Base中进行调用。
如果觉得《android沉浸式模式简书 Android-沉浸式模式》对你有帮助,请点赞、收藏,并留下你的观点哦!