Android沉浸式状态栏

• 前言

  在使用App的过程中,如果细心观察,我们会发现,某些应用顶部菜单栏颜色会延伸到系统状态栏中，使得菜单栏和状态栏呈现统一颜色，国内把这样状态栏叫做沉浸式状态栏，ios中几乎所有App都统一实现这样的状态栏，使用沉浸状态栏会使App更好的融合到系统中，提高App颜值，虽然大部分应用不愿去实现沉浸，因为好奇，所以打算搜集资料学习了解一下

• 前提

  沉浸式是android 4.4及以上才有的，在后续的5.0及6.0上面都增加了一些相关支持,所以如何更好适配从4.4到最新系统，是沉浸式最大问题，废话不多说 ，开始沉浸式实现，Let's go !

• 手把手教你实现

  首选: android在4.4版本上添加了WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS 和 WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION，即透明的状态栏和导航栏，在使用过程中，一般会配合fitsSystemWindows和clipToPadding属性一起使用

  android:fitsSystemWindows="true"  
  android:clipToPadding="true"  
  

  当然，如果你使用了Toolbar,可以通过以下方式设置

  1.在App主题中添加 windowTranslucentStatus 和 windowIsTranslucent 属性

   <style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
          <item name="windowActionBar">false</item>
          <item name="windowNoTitle">true</item>
          <!--沉浸状态栏添加-->
          <item name="android:windowTranslucentStatus">true</item>  <!--状态栏透明-->
          <item name="android:windowIsTranslucent">true</item>
        <!--Android 5.x开始需要把颜色设置透明，否则导航栏会呈现系统默认的浅灰色-->  
          <item name="android:statusBarColor">@android:color/transparent</item>
      </style>
  

  也可以在Activity中通过代码设置实现上述功能,因为在部分机型上,xml设置属性无效

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
              WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();
              localLayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);
          }
  

  2.在Toolbar添加相关属性,使得Toolbar不受状态栏影响变形

  <android.support.design.widget.AppBarLayout
          android:id="@+id/appbar_layout"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:clipToPadding="true"
          android:fitsSystemWindows="true"
          android:theme="@style/AppTheme.AppBarOverlay"
          toolbar:elevation="0.5dp">
  
          <android.support.v7.widget.Toolbar
              android:id="@+id/toolbar"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:background="?attr/colorPrimary"
              android:clipToPadding="true"
              android:fitsSystemWindows="true"
              android:minHeight="?attr/actionBarSize"
              toolbar:popupTheme="@style/AppTheme.PopupOverlay" />
      </android.support.design.widget.AppBarLayout>
  

  使用android:fitsSystemWindows="true",就可以调整内容布局(估计也是在根布局上加padding)恢复到原来位置

  在开发过程中，有事我们还会使用到Dawerlayout,针对Drawerlayout我们也需要实现沉浸式，所以如果开发中使用了Drawerlayout，需要设置以下代码实现Drawerlayout沉浸式

  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
      WindowManager.LayoutParams localLayoutParams = getWindow().getAttributes();    
      local LayoutParams.flags = (WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS | localLayoutParams.flags);
      if(Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP){
          //将侧边栏顶部延伸至status bar
          mDrawerLayout.setFitsSystemWindows(true);        
          //将主页面顶部延伸至status bar;虽默认为false,但经测试,DrawerLayout需显示设置
          mDrawerLayout.setClipToPadding(false);
      }
  }
  

• 那些容易掉进去坑

  1.上面的FLAG_TRANSLUCENT_STATUS 只是把状态栏设置为透明的，但是！但是，状态栏是有背景色的，一些手机的状态栏背景色为透明，而一些手机的状态栏背景色为半透明的黑色，实现的效果如下：

  image

  于是在5.0上增加了WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS 和 getWindow().setStatusBarColor(int color)，一般使用如下:

  getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
  getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  getWindow().setStatusBarColor(Color.TRANSPARENT);// SDK21
  

  2.状态栏字体颜色

  状态栏的字体颜色默认为白色的，但是我们应用的主题色为黄色，白色字体在黄色背景上是不易分辨的，所以这里得把状态栏的字体改为深色，想想这个也是不太好做（其实这个在iOS上面自带的效果），但是在6.0增加了View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR，这个字段就是把状态栏标记为浅色，然后状态栏的字体颜色自动转换为深色。

• 总结

  沉浸式是提高App融合性的好主意，建议更多应用支持沉浸式，给用户更好的App体验，最后，退出一端代码，对调用方法做一个简单注释

  /**
       * 初始化沉浸状态栏
       */
      public void initTransparentBar() {
              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT && Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP) { // Android4.4 < = SDK版本 < Android5.0
              getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); //状态栏栏透明
              getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION); //导航栏透明
              getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); //强制状态栏透明
          } else if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { //SDK版本 > = Android5.0
              getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); //状态栏栏透明
              getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION); //导航栏透明
              getWindow().clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); //强制状态栏透明
              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.M) { // 状态栏字体设置为深色，SYSTEM_UI_FLAG_LIGHT_STATUS_BAR 为SDK23增加
                  getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN | View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR);
              }
              if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
                  getWindow().addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
              }
              getWindow().setStatusBarColor(Color.TRANSPARENT); //设置StatusBar颜色为透明
          }
      }
  

  alt text

参考文章

http://blog.csdn.net/brian512/article/details/52096445

最后一句,知识点就到这里,溜了！

​

​

​

​