在以往看到关于沉浸式状态栏的相关的内容总是无从下手,不知道从哪看起,即使是实现了功能也是从网上找一些方案,潦草了事,本着不会就学的态度还是好好看了一下关于这个方面的知识,下面我们就系统的看一下如何实现沉浸式状态栏
1.沉浸式状态栏是通过什么方式实现的
沉浸式状态栏是听着非常高大上,但是他们实现方式非常简单,
activity.getWindow().getDecorView().setSystemUiVisibility(uiFlags);
就是通过生面这一行代码来实现的沉浸式状态栏,从上面就能看出来想要实现沉浸式的效果就是设置多个flags,我们只要每一个flag的意义,并且知道他生效的版本,就能实现我们想要的效果
2.实现沉浸式状态栏我们都需要解决那些问题,
1.适配刘海屏
在Android版本28的时候,增加了刘海屏,同时在Window.LayoutParams下增加了layoutInDisplayCutoutMode这个属性,这个属性有三个值分别
默认情况，全屏页面不可用刘海区域，非全屏页面可以进行使用
WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_DEFAULT = 0;
允许页面延伸到刘海区域
WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES = 1;
不允许使用刘海区域
WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER = 2;
通过上面的介绍我们就知道应该是第二个
那么适配刘海屏的方案就非常简单了
public static void fitsNotchScreen(Window window) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.P) {
WindowManager.LayoutParams lp = window.getAttributes();
lp.layoutInDisplayCutoutMode = WindowManager.LayoutParams.LAYOUT_IN_DISPLAY_CUTOUT_MODE_SHORT_EDGES;
window.setAttributes(lp);
}
}
2.沉浸式状态栏
在实现沉浸式的过程中我们想要实现的效果是将View延伸到状态栏的下面,同时将状态栏的背景色设置为透明,这就需要了解activity.getWindow().getDecorView().setSystemUiVisibility 所涉及到关于状态栏的Flag的含义和作用
1.低调模式 隐藏不重要的图标
View.SYSTEM_UI_FLAG_LOW_PROFILE
2.隐藏底部导航栏,有操作后就会显示出来
View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
3.隐藏状态栏，从状态栏位置下拉重新出现
View.SYSTEM_UI_FLAG_FULLSCREEN
4.将布局内容拓展到导航栏的后面
View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
5.在不隐藏StatusBar的情况下，将view所在window的显示范围扩展到StatusBar下面。
本次方案就使用了这个属性
View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
6.稳定布局，需要配合SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
和SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN使用，
同时设置布局的android:fitsSystemWindows属性。
本次就是使用的这个方案,在StatusBarUtils中声明了SYSTEM_UI_FLAG_LAYOUT_STABLE,
然后沉浸式的时候添加 SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
7.配合SYSTEM_UI_FLAG_HIDE_NAVIGATION和SYSTEM_UI_FLAG_FULLSCREEN使用，
使状态栏和导航栏真正的进入沉浸模式。
点击屏幕任意区域，不会退出全屏模式，
只有用户上下拉状态栏或者导航栏时才会退出。
View.SYSTEM_UI_FLAG_IMMERSIVE
8.效果同上，
当用户上下拉状态栏或者导航栏时，
这些系统栏会以半透明的状态显示，
并且在一段时间后消失。
View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
9设置状态栏的颜色，6.0版本以后有效。 本方案中就使用了这个属性
View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR
在仔细阅读了上面的介绍我想你肯定还是有一些疑惑的,我们就从两个方面来说,
1.游戏中的SystemUiFlag是如何使用
游戏沉浸式的效果绝大多数都是全屏,在手指在状态栏下滑时,显示出状态栏,通过上面的介绍就选用的Flags怎么组合呢,
int flags=View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_FULLSCREEN
这就是我们实现的效果
2.沉浸式状态栏SystemUiFlag是如何使用的
int flags=View.SYSTEM_UI_FLAG_LAYOUT_STABLE | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
使用上面两个就能实现趁寝式的效果,他们非常带表的含义就是 让状态栏始终显示在屏幕上,同时让View 延伸到状态栏的底部
那么最终实现沉浸式状态栏的代码就非常简单了
@RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
public static int initBarAboveLOLLIPOP(Activity activity, int uiFlags) {
try {
uiFlags |= View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN;//将布局内容拓展到状态栏的后面
Window mWindow = activity.getWindow();
int defaultNavigationBarColor = mWindow.getNavigationBarColor();
mWindow.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//判断是否存在导航栏 如果导航栏存在移出导航栏透明效果,
if (getNavigationBarHeight(activity)>0) {
mWindow.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
}
//需要设置这个才能设置状态栏和导航栏颜色
mWindow.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
//设置状态栏颜色
mWindow.setStatusBarColor(Color.TRANSPARENT);
//回复默认导航栏颜色
mWindow.setNavigationBarColor(defaultNavigationBarColor);
}catch (Exception e){
}
return uiFlags;
}
这回再看上面的代码就非常简单了,同时也能猜到传递进来的flag肯定是包含View.SYSTEM_UI_FLAG_LAYOUT_STABLE 这个属性的
3.如果是深色的状态栏,是否修改底部导航栏
// dark 的含义是否使用深色状态栏字体和图标
public static int setNavigationIconDark(int uiFlags,boolean dark) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O && dark) {
return uiFlags | View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR;//设置黑色的底部导航栏
} else {
return uiFlags;
}
}
这里的设置就非常简单了,没有什么需要介绍的
4.是否使用深色状态栏字体和图标
// dark 的含义是否使用深色状态栏字体和图标
public static int setAndroidNativeLightStatusBar(int uiFlags, boolean dark) {
if (dark) {
return uiFlags | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;///意思是使用浅色状态栏,那么就是使用黑色字体和黑色图标
} else {
return uiFlags;
}
}
5.适配小米和魅族中特殊机型
这里的话就是由于小米6和魅族一些特殊的机型他们使用的修改后的系统,原生的方法不生效,所以在最后需要对他做特殊处理,在小米和魅族的官网就能找到,这里就不多说了
到了这里Api 21以上整个实现沉浸式状态栏的过程我们就串联起来了,所有的方法也都贴出来了,最后就是将他们串联起来
public static void fitStatusBar(Activity activity,boolean isDarkMode){
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP){
Window window = activity.getWindow();
//始终显示状态栏
int uiFlags = View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
//适配刘海屏
LollipStatusBarUtils.fitsNotchScreen(window);
//修改状态栏颜色,同时将flag增加 将布局内容拓展到状态栏的后面 ,这里也可以修改底部导航栏颜色
uiFlags=LollipStatusBarUtils.initBarAboveLOLLIPOP(activity,uiFlags);
//设置深色底部导航栏 即黑白图标
uiFlags = LollipStatusBarUtils.setNavigationIconDark(uiFlags,isDarkMode);
///修改字体颜色
uiFlags=AndroidStatusbarTextFontUtils.setAndroidNativeLightStatusBar(uiFlags,isDarkMode);
//修改状态栏可见性
window.getDecorView().setSystemUiVisibility(uiFlags);
///修改小米6和魅族部分系统的字体颜色
LollipStatusBarUtils.setOtherStatusBarLightMode(activity.getWindow(), isDarkMode);
}else{//19-20 只能添加控件,并修改背景颜色
KitKatStatusBar.initBarBelowLOLLIPOP(activity,isDarkMode);
}
}
}
Api 19-20沉浸式的实现,
由于Api 19-20 我们无法改变状态栏字体和图标的颜色,所以就需要我们使用一种另类的方式去实现,他的实现思路大致思路是先让View延伸到状态栏下面,同时创建一个状态栏高度的View,只要修改这个View的颜色,在深色时添加的颜色是#33000000,浅色时是透明,就可以了,
具体代码
@RequiresApi(api = Build.VERSION_CODES.KITKAT)
public static void initBarKitKat(Activity activity,boolean isDarkMode) {
//透明状态栏
activity.getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
//创建一个假的状态栏
setStatusBarView(activity,isDarkMode);
//底部导航栏也需要设置,这里不管
}
/**
* 设置一个可以自定义颜色的状态栏
*/
public static void setStatusBarView(Activity mActivity,boolean isDarkMode) {
View statusBarView = mActivity.getWindow().getDecorView().findViewById(R.id.serviceui_status_bar_view);
if (statusBarView == null) {
statusBarView = new View(mActivity);
FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(FrameLayout.LayoutParams.MATCH_PARENT,
StatusBarUtils.getStatusBarHeight());
params.gravity = Gravity.TOP;
statusBarView.setLayoutParams(params);
statusBarView.setVisibility(View.VISIBLE);
statusBarView.setId(R.id.serviceui_status_bar_view);
((ViewGroup)mActivity.getWindow().getDecorView()).addView(statusBarView);
}
///这里需要调试如何修改颜色, 一般这里使用带有透明度的灰色,因为字体颜色不可以改变,所以这里比较好适配
if(isDarkMode){
statusBarView.setBackgroundColor(ContextCompat.getColor(mActivity,R.color.serviceui_status_bar_bg));
}else{
statusBarView.setBackgroundColor(Color.TRANSPARENT);
}
}
到了这里所有的实现的方式都实现的差不多了,具体的学习过程是参考ImmersionBar 学习的,受教很多,
由于设计到的代码比较多,所以还是分享一个github 的地址吧,这样方便大家使用
https://github.com/tsm1991/TsmBottomSheetDialog
网友评论