應(yīng)用市場上App越來越多的出現(xiàn)沉浸式狀態(tài)欄的設(shè)計(如下圖所示)狀態(tài)欄和導(dǎo)航欄具有相同的顏色。Android在4.4開始對于該種效果的支持，而在4.4之下，狀態(tài)欄只是黑框，無法控制。同時在4.4和5.0及其之上的版本對該種效果的支持又有所差異，因此要實現(xiàn)該種效果，可以將4.4歸為一類，5.0及其之上歸為一類。接下來，我們將一步步來在4.4和5.0及其之上來實現(xiàn)如下所示效果。 

導(dǎo)航欄問題

在Android中，頂部導(dǎo)航欄目前常用的兩種實現(xiàn)方式，一個是通過Toolbar，一個是通過自定義View的方式來實現(xiàn)。兩種方式各有利弊。Toolbar為官方指定規(guī)范，開發(fā)者使用更方便，但可拓展性差，對于一些特殊的展示效果無法實現(xiàn)，而通過自定義方式的方式，可以支持更多展示效果，但卻需要我們寫更多的代碼。兩種方式在實現(xiàn)狀態(tài)欄沉浸上也有所差別。

去掉Title

• Toolbar默認(rèn)主題會具有一個title，當(dāng)我們使用Toolbar的時候，而沒有去掉title，應(yīng)用則會crash，報出如下所示錯誤。 

因此在使用Toolbar 的時候，我們需要style中添加如下屬性配置

<item name="windowNoTitle">true</item> 

當(dāng)然我們也可以通過代碼動態(tài)去掉title，但當(dāng)我們的主題從Theme.AppCompat作為父類繼承的時候，通過代碼并不可以去掉title。

自定義導(dǎo)航欄 

當(dāng)我們未設(shè)置windowNoTitle屬性的時候，在導(dǎo)航欄之上有title。顯然和我們要實現(xiàn)導(dǎo)航欄的沉浸式有所違背，因此實現(xiàn)對于導(dǎo)航欄的沉浸，

<item name="windowNoTitle">true</item>該配置是必不可少的。

設(shè)置狀態(tài)欄透明

去掉title之后，是否我們就可以實現(xiàn)上述的效果了呢? 

這個時候，我們發(fā)現(xiàn)狀態(tài)欄還是黑色，并沒有沉浸，需要我們將狀態(tài)欄設(shè)置為透明。

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

該屬性只有在在4.4和高于4.4版本上可以進行該屬性的配置，但是在更低版本上則無法使用。配置該屬性之后，執(zhí)行效果如下圖所示。 

解決導(dǎo)航欄上移問題

這個時候，Toolbar被整體上移了，導(dǎo)致其部分功能也進入了狀態(tài)欄之下，包括導(dǎo)航欄的內(nèi)容也到了狀態(tài)欄位置之中，顯然這是不符合我們最初的要求的。如何解決這個問題?我們在Toolbar中添加fitSystemWindows屬性，即可使得toolbar的上部空出一個高度，使得Toolbar內(nèi)容部分脫離狀態(tài)欄。

<android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:fitsSystemWindows="true" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content"> 
   </android.support.v7.widget.Toolbar>  

得到我們最終想要得到的效果 

自定義導(dǎo)航欄與之實現(xiàn)類似。

fitsSystemWindows屬性

前面對Toolbar的設(shè)置是在Toolbar中添加的fitSystemWindows屬性，那么當(dāng)我們將其屬性添加到Toolbar所在的最外層的布局會怎么樣呢?

<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_toolbar" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
tools:context="com.example.netease.toolbardemo.activity.ToolbarActivity"> 
 
    <android.support.v7.widget.Toolbar 
        android:id="@+id/toolbar" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content"> 
    </android.support.v7.widget.Toolbar> 
 
</RelativeLayout>  

執(zhí)行之后，可以看到和之前未設(shè)置狀態(tài)欄透明時的效果相同。 

那么這個fitSystemWindows工作的原理是什么呢?通過上述實驗，不難發(fā)現(xiàn)，對于沉浸狀態(tài)欄的控制，該屬性起到了一個很關(guān)鍵的作用。

接下來通過一個實驗來驗證下，該屬性所起的作用，在Toolbar所在的布局中，在布局的底部添加一個Button.

<android.support.v7.widget.Toolbar 
        android:id="@+id/toolbar" 
        android:fitsSystemWindows="true" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content"> 
    </android.support.v7.widget.Toolbar> 
 
    <Button 
        android:text="Test" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:background="@color/colorAccent" 
        android:layout_alignParentBottom="true"/>   

當(dāng)我們將該屬性設(shè)置到按鈕上，又會發(fā)生什么呢?

<Button 
       android:text="Test" 
       android:fitsSystemWindows="true" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:background="@color/colorAccent" 
       android:layout_alignParentBottom="true"/>  

通過比較可以很明顯的看出，設(shè)置了fitsSystemWindows屬性的View在其上部被設(shè)置了一個padding。根據(jù)之前做的實驗，我們可以知道當(dāng)我們設(shè)置了窗口狀態(tài)欄透明之后，整個內(nèi)容視圖會向上移動了一個狀態(tài)欄的高度，而當(dāng)前為該View增加的padding的大小是不是和其高度相同呢?

Button btn = (Button) findViewById(R.id.test_btn); 
 Log.i("padding", btn.getPaddingTop()+""); 
 Rect frame = new Rect(); 
 getWindow().getDecorView().getWindowVisibleDisplayFrame(frame); 
 Log.i("height", frame.top+"");  

獲取按鈕的padding高度和狀態(tài)欄的高度，我們可以得到如下日志。 

通過實驗我們可以得出結(jié)論，fitSystemWindows屬性會對所設(shè)置的View增加一個top padding，因此當(dāng)我們在實現(xiàn)讓導(dǎo)航欄沉浸的時候，設(shè)置窗口狀態(tài)欄的透明會使得視圖整體上移，而借助fitSystemWindows屬性的功能，為視圖中最頂部的View設(shè)置一個和狀態(tài)欄高度相同的padding，使得導(dǎo)航欄不會被頂?shù)綘顟B(tài)欄內(nèi)。

當(dāng)我們在一個視圖中，多個View設(shè)置該屬性時，發(fā)現(xiàn)只有***個設(shè)置該屬性的View會起作用，在視圖布局上，自上而下的***個View其作用。層級上則為最***的View上首先其作用。因此其功能歸納為：

• 為設(shè)置該屬性的View增加一個和狀態(tài)欄高度相同的toppadding
• 當(dāng)視圖中有多個View被設(shè)置了該屬性，那么只布局上最頂部的View起作用

5.0及其以上

至此，我們可以***的實現(xiàn)一個狀態(tài)欄的沉浸，上述的實現(xiàn)是在Android 4.4版本上，在視圖的最上部，會有一個黑色漸變的陰影，而在5.0設(shè)備上的展示效果如下所示，在狀態(tài)欄上整個都會有一個陰影。當(dāng)然不同廠家對此也有自己的一些優(yōu)化，比如魅族在4.4上是不具有陰影的。 

對于5.0及其之上，官方提供了對狀態(tài)欄顏色控制的相應(yīng)API，我們可以通過代碼來控制狀態(tài)欄的顏色，實現(xiàn)如下效果。 

實現(xiàn)代碼

if(Build.VERSION.SDK_INT >= 21) { 
            Window window = getWindow(); 
            //取消設(shè)置透明狀態(tài)欄,使 ContentView 內(nèi)容不再沉浸到狀態(tài)欄下 
            window.clearFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS); 
            //需要設(shè)置這個 flag 才能調(diào)用 setStatusBarColor 來設(shè)置狀態(tài)欄顏色 
            window.addFlags(WindowManager.LayoutParams.FLAG_DRAWS_SYSTEM_BAR_BACKGROUNDS); 
            //設(shè)置狀態(tài)欄顏色 
            window.setStatusBarColor(getResources().getColor(R.color.yx_red)); 
        }  

據(jù)此可以看出，當(dāng)我們在5.0及其之上的實現(xiàn)中，可以不用進行狀態(tài)欄透明的設(shè)置和fitSystemWindows屬性的設(shè)置，直接通過代碼來控制，但為了適應(yīng)4.4版本，建議在代碼中仍然按之前的方式實現(xiàn)，如果想在5.0及其高版本中實現(xiàn)去陰影，再手動在代碼中控制。