Android KITKAT 以上实现沉浸式状态栏

extends:http://www.jianshu.com/p/f8374d6267ef

 

• 代码未行，效果先上

Flyme4.2 Android4.4.4上运行效果

• 如何实现

  在 KITKAT 之后，Android Window支持了一些新的属性，其中有两个是这样的 .

  WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS
  
  WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION

   

  正如它们的变量名的意思，使用这两个属性，可以使得状态栏和导航栏变为透明，导航栏指的就是Android下方的三大按键，当然只使用第一个属性也可以达到今天所要完成的效果。下面的示例代码将使状态栏和导航栏变得透明

  @Override
  
  protected void onCreate(Bundle savedInstanceState) {
  
       super.onCreate(savedInstanceState);
  
       initWindow();
  
  }
  
  @TargetApi(19)
  
  private void initWindow(){
  
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){
  
           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
  
           getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);   
  
    }

   

  直接运行之后，状态栏直接透明了，但是并不是我们想要的效果，状态栏原本应该占有的位置没了。

  
  

  Flyme4.2 Android4.4.4上运行效果

  这个问题也很好解决，在 style theme 添加

  <item name="android:fitsSystemWindows">true</item>

   

  之后我们再运行，却又发现，状态栏的位置出来了，但是。。。

Flyme4.2 Android4.4.4上运行效果

实际上，状态栏已经透明了，只是状态栏底下没有颜色呀！
Google 了之后在 Github 找到了一个开源项目 SystemBarTint ，代码就变成下面这个样子：

   private SystemBarTintManager tintManager;

   @TargetApi(19)

   private void initWindow(){

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT){

            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);

            getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);

            tintManager = new SystemBarTintManager(this);

            tintManager.setStatusBarTintColor(getColor(R.color.app_main_color));

            tintManager.setStatusBarTintEnabled(true);

        }

    }

 

运行之后，发现运行效果跟第一张图一样，达到我们想要的效果了。

跟踪进去查看 SystemBarTint 的源代码，会发现 SystemBarTintManager 的构造方法里面除了获取 ActionBar 的高度等等这些配置之外，还有一个重要的方法 setupStatusBarView

    @TargetApi(19)

    public SystemBarTintManager(Activity activity) {

        Window win = activity.getWindow();

        ViewGroup decorViewGroup = (ViewGroup) win.getDecorView();

        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {

        //省去部分代码...

        if (mStatusBarAvailable) {

            setupStatusBarView(activity, decorViewGroup);

        }

        if (mNavBarAvailable) {

            setupNavBarView(activity, decorViewGroup);

        }

    }

 

于是接着查看 setupStatusBarView 的代码

private void setupStatusBarView(Context context, ViewGroup decorViewGroup) {

        mStatusBarTintView = new View(context);

        LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, mConfig.getStatusBarHeight());

        params.gravity = Gravity.TOP;

        if (mNavBarAvailable && !mConfig.isNavigationAtBottom()) {

            params.rightMargin = mConfig.getNavigationBarWidth();

        }

        mStatusBarTintView.setLayoutParams(params);

        mStatusBarTintView.setBackgroundColor(DEFAULT_TINT_COLOR);

        mStatusBarTintView.setVisibility(View.GONE);

        decorViewGroup.addView(mStatusBarTintView);

    }

 

可以发现这个开源项目能够解决我们的问题的原因在这，就是往 DecorView 加入一个 View， 而在代码中我们将这个 View 的背景设置成 ActionBar 一样的颜色，所以就达到了沉浸式的效果。到这里，基本也就分析完成了。