一、概念

首先讓我們看一下預設狀態列的顯示效果 以下以微信與qq為例:

由於Android 系統自4.2 開始 UI 上就沒多大改變，而4.4增加了透明狀態列與導航欄的功能如以下圖的效果。

從以上的圖可以看出Activity的contentView( 即setContentView設定的檢視)可以延伸到statusBar下方 這種體驗就叫沉浸式體驗。這個是從使用者的角度來感受的。如果從設計師的角度來看就是Immersive Mode 全浸模式，Translucent Bars 半透明狀態列。不同共同的特點就是“將佈局內容延伸到手機狀態列”。

對於這種顯示效果又有以下兩種模式

1、全屏( ContentView 可以進入狀態列)

2、非全屏 ( ContentView 與狀態列分離, 狀態列直接著色

二、案例分析

sdk5.x以上 ，準備5.0模擬器

非全螢幕:theme預設主題著色狀態列

根據5.0以上的theme配置要求。只需配置colorPirmary(標題欄顏色)，colorPrimaryDark(手機狀態列顏色)即可.

在values/styles.xml建立主題

<resources>
    <!--應用的基本主題 -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"
 
>
    <!-- 自定義應用主題 -->
        <!--標題顏色-->
        <item name="colorPrimary">@color/colorPrimary</item>
        <!--狀態列顏色-->
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <!--text /checkBox顏色-->
        <item name="colorAccent"
 
>@color/colorAccent</item>
    </style>
</resources>

在systembar/src/main/AndroidManifest.xml引用

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <!-這裡是activity ->
</application>

執行效果

非全螢幕：Javacode著色狀態列

程式碼位置：com.example.systembar.CodeActivity
1、先寫版本判斷
2、直接呼叫setStatusBarColor

Activity activity = this;
int color=Color.parseColor("#008000");
//針對版本5.x以上的即LOLLIPOP以上的
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    //非全螢幕修改狀態列顏色
    Window window = activity.getWindow();
    //FLAG_TRANSLUCENT_STATUS為狀態列型別:半透明效果
    //取消設定透明狀態列,使 ContentView 內容不再覆蓋狀態列
    window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //需要設定這個 flag 才能呼叫 setStatusBarColor 來設定狀態列顏色
    //FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS為狀態列型別:支援著色
   window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    //設定狀態列顏色  setStatusBarColor要求21以上
    window.setStatusBarColor(color);
    ViewGroup contentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
    View childView = contentView.getChildAt(0);//對應activity佈局檔案根標籤
    if (childView != null) {
    //注意不是設定 ContentView 的 FitsSystemWindows, 而是設定 ContentView 的第一個子 View . 預留出系統 View 的空間.
        ViewCompat.setFitsSystemWindows(childView, true);
    }
}

執行效果：根據標題顏色著色

android:fitsSystemWindows
setFitsSystemWindows()

所有實現 Translucent System Bar 效果的Activity，都需要在根佈局裡設定 android:fitsSystemWindows=”true” 。設定了該屬性的作用在於，不會讓系統導航欄和我們app的UI重疊，導致互動問題.以下給出效果圖說明該屬性。

全螢幕:contentview延伸

程式碼位置:com.example.systembar.CodeFullActivity#onCreate

//去掉titlebar-全屏模式
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
//細節supportRequestWindowFeature一定要在setContentView之前設定
setContentView(R.layout.activity_code_full);
Activity activity = this;
int statusColor = Color.parseColor("#008000");
//針對版本5.x以上的即LOLLIPOP以上的
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
    Window window = activity.getWindow();
    //設定透明狀態列,這樣才能讓 ContentView 向上
    window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //需要設定這個 flag 才能呼叫 setStatusBarColor 來設定狀態列顏色
    window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS);
    //設定狀態列顏色
    window.setStatusBarColor(statusColor);
    ViewGroup mContentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
    View mChildView = mContentView.getChildAt(0);
    if (mChildView != null) {
        //注意不是設定 ContentView 的 FitsSystemWindows, 而是設定 ContentView 的第一個子 View .
        // 使其不為系統 View 預留空間.不預留空間的話 狀態列就會覆蓋佈局頂部
        ViewCompat.setFitsSystemWindows(mChildView, false);
    }
}

執行效果

4.4以上，準備4.4模擬器

5.x以上的實現方式不使4.4以上的生效.所以要考慮一下相容方案。

全螢幕:contentview延伸

思路：暫時儲存標題欄時可以清楚得看到只要將contentView延伸到statusbar下方.它與statusBar共同放在一個FrameLayout裡

程式碼位置:com.example.systembar.CodeFullActivity#onCreate

1、獲取系統statusBar的高度

private static final String STATUS_BAR_HEIGHT_RES_NAME = "status_bar_height";
public static int getStatusBarHeight(Context context) {
    int result = 0;
    //訪問android.jar內的dimen中包含的status_bar_height屬性值
    int resourceId = context.getResources().getIdentifier(STATUS_BAR_HEIGHT_RES_NAME, "dimen", "android");
    if (resourceId > 0) {
        result = context.getResources().getDimensionPixelSize(resourceId);
    }
    return result;
}

2、設定無標題欄

//去掉titlebar-全屏模式
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
//細節supportRequestWindowFeature一定要在setContentView之前設定
setContentView(R.layout.activity_code_full);

3、設定 contentView的marginTop上移狀態列高度

//KITKAT為4.4sdk的名稱
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    Window window = activity.getWindow();
    ViewGroup contentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
    //首先使 ChildView 不預留空間
    View childView = contentView.getChildAt(0);//layout file對應的根標籤
    if (childView != null) {
        //此時status會遮蓋contnetview
        ViewCompat.setFitsSystemWindows(childView, false);
    }
    int statusBarHeight = getStatusBarHeight(activity);
    //需要設定這個 flag 才能設定狀態列
    window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
    //避免多次呼叫該方法時,多次移除了 View
    if (childView != null && childView.getLayoutParams() != null && childView.getLayoutParams().height == statusBarHeight) {
        //移除假的 View.
        contentView.removeView(childView);
        childView = contentView.getChildAt(0);
    }
    if (childView != null) {
        FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) childView.getLayoutParams();
        //清除 ChildView 的 marginTop 屬性
        if (lp != null && lp.topMargin >= statusBarHeight) {
            //減少layout的topmargin 使用layout佈局的整體延伸到statusBar下方
            lp.topMargin -= statusBarHeight;
            childView.setLayoutParams(lp);
        }
    }
}

Deug下可以檢視到

• activity.findViewById(Window.ID_ANDROID_CONTENT);獲取的是存放layout的FrameLayout具體型別為ContentFrameLayout

• Layout的內容可以從 contentView.getChildAt(0);獲取

• 在狀態列透明的情況下 lp.topMargin -= statusBarHeight;可以使用layout上移

執行效果

非全螢幕：Javacod著色狀態列

• 獲取系統狀態列高度(同上)
• 在狀態列透明情況下下移contnetView 距離為狀態列高度
• 如果存在著色View則修改背景色
• 如果不存在著色View則新增同時設定背景色

//判斷當前sdk是4.4  KITKAT為4.4sdk的名稱
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        Window window = activity.getWindow();
        ViewGroup contentView = (ViewGroup) activity.findViewById(Window.ID_ANDROID_CONTENT);
        //設定狀態列透明
        window.addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
        //獲取狀態列高度
        int statusBarHeight = getStatusBarHeight(activity);
        //在全屏模式下 使用contentView內容下移狀態列高度
        View childView = contentView.getChildAt(0);
        if (childView != null) {
            FrameLayout.LayoutParams lp = (FrameLayout.LayoutParams) childView.getLayoutParams();
            //如果已經為 ChildView 設定過了 marginTop, 再次呼叫時直接跳過
            if (lp != null && lp.topMargin < statusBarHeight && lp.height != statusBarHeight) {
                //不預留系統空間
                ViewCompat.setFitsSystemWindows(childView, false);
                lp.topMargin += statusBarHeight;//在狀態列透明的情況下 contentView marginTop改為狀態列高度
                childView.setLayoutParams(lp);
            }
        }
       //下移的狀態列高度  已經存在著色View直接設定color
        View statusBarView = contentView.getChildAt(0);
        if (statusBarView != null && statusBarView.getLayoutParams() != null && statusBarView.getLayoutParams().height == statusBarHeight) {
            //避免重複呼叫時多次新增已經著色的View
            statusBarView.setBackgroundColor(statusColor);
        }else
        {
            //如果未存在剛新增著色View下次通過contentView.getChildAt(0);即為該著色View
            statusBarView = new View(activity);
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, statusBarHeight);
            statusBarView.setBackgroundColor(statusColor);
            //向 ContentView 中新增已經著色的View
            contentView.addView(statusBarView, 0, lp);
        }

    }
}

執行效果，我在此處新增的著色View背景為綠色

此時還可以去掉系統自帶的標題欄

開源第三方SystemBarTint

4.4以上

5.x以上

在android5.0以上

<style name="AppBaseTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/titleBlue</item>
        <item name="colorPrimaryDark">#3A5FCD</item>
        <item name="@android:textColorPrimary">@android:color/white</item>
    </style>

    <style name="AppTheme" parent="AppBaseTheme">
        <!-- 隱藏標題欄 -->
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
        <item name="android:statusBarColor">@color/transparent</item>
        <!--<item name="colorControlNormal">@color/white</item>-->
    </style>

當statusBarColor設定為透明色後，狀態列的顏色為白色，如果佈局檔案加上屬性android:fitsSystemWindows=”true”後，狀態列則顯示colorPrimaryDark顏色

styles（4.0之前）

<!-- 半透明的主題樣式 -->
   <style name="NavigationTransparent" parent="AppTheme">
       <!-- Android 4.4 之前的版本跟隨系統預設的樣式-->
   </style>

styles（4.4之後）

<!-- 半透明的主題樣式 -->
   <style name="NavigationTransparent" parent="AppTheme">
       <!-- 狀態列 半透明 -->
       <item name="android:windowTranslucentStatus">true</item>
       <!-- 導航欄 半透明-->
       <item name="android:windowTranslucentNavigation">true</item>
   </style>

styles（5.0之後）

<!-- 半透明的主題樣式 -->
   <style name="NavigationTransparent" parent="AppTheme">
       <!-- 導航欄 半透明-->
       <item name="android:windowTranslucentNavigation">true</item>
       <!-- 狀態列 半透明 -->
       <item name="android:windowTranslucentStatus">true</item>
       <!-- Android 5.0開始需要把顏色設定為透明。否狀態列會用系統預設的淺灰色 （Android 5.0以後支援修改顏色，需指定顏色）-->
       <item name="android:statusBarColor">@android:color/transparent</item>
   </style>