安卓小知识简化开发Android 进阶之旅

Android 进阶学习(二十八) 沉浸式状态栏学习

2021-07-21  本文已影响0人  Tsm_2020

在以往看到关于沉浸式状态栏的相关的内容总是无从下手,不知道从哪看起,即使是实现了功能也是从网上找一些方案,潦草了事,本着不会就学的态度还是好好看了一下关于这个方面的知识,下面我们就系统的看一下如何实现沉浸式状态栏

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

上一篇 下一篇

猜你喜欢

热点阅读