Android透明状态栏

概述

有时候我们想在 andorid 手机上实现一种 跨越 顶部状态栏的效果，比如一张图片直接显示在 状态栏内。比如下图：

这个页面里有张图片，这个图片显示在整个页面的上部分。状态栏是 漂浮在这个图片上的。

实现透明状态栏的方法

适配Android 4.4 +的方法：

[java]  view plain  copy

1. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
2.             Window window = activity.getWindow();  
3.             // Translucent status bar  
4.             window.setFlags(  
5.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,  
6.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
7.             // Translucent navigation bar  
8.             window.setFlags(  
9.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,  
10.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
11.         }  

适配 Android 5.0+ 的方法：

[java]  view plain  copy

1. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {  
2.             Window window = activity.getWindow();  
3.             window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS  
4.                     | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
5.             window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN  
6.                     | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION  
7.                     | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);  
8.             window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);  
9.             window.setStatusBarColor(Color.TRANSPARENT);  
10.             window.setNavigationBarColor(Color.TRANSPARENT);  
11.         }  

如何使用

在 activity的onCreate 方法中的 setContentView 方法之前调用它。比如：

[java]  view plain  copy

1. @Override  
2.    protected void onCreate(Bundle savedInstanceState) {  
3.        super.onCreate(savedInstanceState);  
4.   
5.        getWindow().requestFeature(Window.FEATURE_NO_TITLE);  
6. 　　　　//在这里调用  
7.        StatusbarUtils.enableTranslucentStatusbar(this);  
8.        setContentView(R.layout.activity_main);  
9.   
10.    }  

上面的代码中我使用 StatusbarUtils 这个辅助类，这个辅助类调用了 具体的实现透明状态栏的方法。这个类的完整代码如下：

[java]  view plain  copy

1. package zhangyf.vir56k.translucentbardemo;  
2.   
3. import android.app.Activity;  
4. import android.graphics.Color;  
5. import android.os.Build;  
6. import android.view.View;  
7. import android.view.Window;  
8. import android.view.WindowManager;  
9.   
10. /** 
11.  * 状态栏辅助类 
12.  * Created by zhangyunfei on 16/6/17. 
13.  */  
14. public class StatusbarUtils {  
15.   
16.     /** 
17.      * 启用 透明状态栏 
18.      * @param activity 
19.      */  
20.     public static void enableTranslucentStatusbar(Activity activity) {  
21.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {  
22.             Window window = activity.getWindow();  
23.             window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS  
24.                     | WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
25.             window.getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN  
26.                     | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION  
27.                     | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);  
28.             window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);  
29.             window.setStatusBarColor(Color.TRANSPARENT);  
30.             window.setNavigationBarColor(Color.TRANSPARENT);  
31.         }  
32.         if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  
33.             Window window = activity.getWindow();  
34.             // Translucent status bar  
35.             window.setFlags(  
36.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS,  
37.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);  
38.             // Translucent navigation bar  
39.             window.setFlags(  
40.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION,  
41.                     WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);  
42.         }  
43.     }  
44. }  

android:fitsSystemWindows 标签

　　Android 提供了 android:fitsSystemWindows 标签，来适配窗体，实际我们可以在我们的布局视图里使用它。它会使得指定的view自动增加“一个状态栏高度的上间距”，也就是说，它会在保证你的view位于状态栏下方，而不是底下。
　　android:fitsSystemWindows="true"

示例源代码下载

https://github.com/vir56k/demo/tree/master/TranslucentBarDemo