沉浸式状态栏html5实现,Fragment和Activity两种沉浸式状态栏的实现

我们普通的Activity所有的标题栏颜色风格基本是一致的，所以我们可以将这种单独的Activity的沉浸式状态栏放在BaseActivity中实现。但是如果遇到一级栏目的fragment中，且有些fragment中有图片我们该如何处理呢？先看图

解决方法：

1.普通的Activity我们采用github上的库放在BaseActivity来实现.

2.Activity的fragment我们对其每个fragment进行处理：

- Activity全屏显示

- 设置Activity的主题为：Theme.AppCompat.Light(如果没设置为light设置透明状态栏时会显示黑色)

- 设置状态栏透明

3.这时会出现两种情况，一种是顶部为图片(或布局背景为图片)的fragment实现了图二的效果，达到了我们的要求，另一种是标题栏和状态栏混合在一起，文字混乱，我们开始处理这种情况：

- 在当前的fragment中的标题栏上部添加一块view，使之和状态栏的高度一致便解决了混合在一起显示的乱像.

第二步的代码处理：

//得到当前界面的装饰视图

if(Build.VERSION.SDK_INT >= 21) {

View decorView = getWindow().getDecorView();

//让应用主题内容占用系统状态栏的空间,注意:下面两个参数必须一起使用 stable 牢固的

int option = View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN|View.SYSTEM_UI_FLAG_LAYOUT_STABLE;

decorView.setSystemUiVisibility(option);

//设置状态栏颜色为透明

getWindow().setStatusBarColor(Color.TRANSPARENT);

}

第三步的代码处理：

XML文件：

。。。

。。。

高度设置：

/** * 设置view高度为statusbar的高度，并填充statusbar */

View mStatusBar = view.findViewById(R.id.fillStatusBarView);

LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams) mStatusBar.getLayoutParams();

lp.width = LinearLayout.LayoutParams.MATCH_PARENT;

lp.height = CommonUtils.getStatusBar();

mStatusBar.setLayoutParams(lp);

/** * 获取状态栏高度 *@return */

public static int getStatusBar(){

/** * 获取状态栏高度 * */

int statusBarHeight1 = -1;

//获取status_bar_height资源的ID

int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");

if (resourceId > 0) {

//根据资源ID获取响应的尺寸值

statusBarHeight1 = getResources().getDimensionPixelSize(resourceId);

}

return statusBarHeight1;

}