勇敢的少年啊，快來看看什么叫做抽屜導(dǎo)航之美吧~

女神鎮(zhèn)樓

前言

在Android中唱较，很多App的主界面都使用了抽屜式導(dǎo)航，比如網(wǎng)易云音樂召川、Fuubo南缓、Bilibili等，就我個(gè)人而言荧呐，我是非常喜歡這種導(dǎo)航方式的汉形，順便吐槽一下新版知乎，導(dǎo)航模式改為了底部導(dǎo)航倍阐，還取消了滑動(dòng)返回概疆，用的心累。

抽屜式導(dǎo)航

實(shí)現(xiàn)

首先看兩個(gè)比較關(guān)鍵的屬性，一個(gè)是：windowTranslucentStatus這個(gè)屬性支持的API最低為19童漩，通常定義在values-v19/styles.xml下弄贿，它的作用是可以將狀態(tài)欄的顏色置為透明色，還有一個(gè)是fitsSystemWindows矫膨，這個(gè)屬性的作用是確保內(nèi)容不會(huì)顯示到系統(tǒng)窗口下面差凹，這里的系統(tǒng)窗口指的是StatusBar和NavigationBar。

全透明狀態(tài)欄

首先看看網(wǎng)易云音樂在4.4上的表現(xiàn)

網(wǎng)易云音樂

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="AppTheme.Base">
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

activity_main代碼：

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="false">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/toolbar" />

        <FrameLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:fitsSystemWindows="false"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/menu_drawer" />
</android.support.v4.widget.DrawerLayout>

要注意的是設(shè)置fitsSystemWindows為false。
其實(shí)到這里就已經(jīng)實(shí)現(xiàn)了這個(gè)效果罗晕，不過可以發(fā)現(xiàn)toolbar會(huì)向上移動(dòng)济欢，有一部分被狀態(tài)欄遮住，其實(shí)遮住的這一部分就是狀態(tài)欄的高度小渊，因?yàn)樵O(shè)置為true會(huì)法褥，解決辦法是可以在Activity中為toolbar添加頂部的padding，代碼如下：

public class MainActivity extends AppCompatActivity {

    private Toolbar mToolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolbar);
        mToolbar.setPadding(0,getStatusBarHeight(),0,0);
    }

    public int getStatusBarHeight() {
        int result = 0;
        int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android");
        if (resourceId > 0) {
            result = getResources().getDimensionPixelSize(resourceId);
        }
        return result;
    }
}

最終效果：

著色狀態(tài)欄

這種抽屜方式酬屉，在滑動(dòng)的時(shí)候給人一種撕裂的感覺半等，看起來不是很舒服。

Bilibili

public class MainActivity extends AppCompatActivity {

    private Toolbar mToolbar;
    private SystemBarTintManager mTintManager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mToolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(mToolbar);
        mToolbar.setPadding(0, getStatusBarHeight(), 0, 0);
        setTintManager();
    }

    @TargetApi(19)
    private void setTintManager() {
        mTintManager = new SystemBarTintManager(this);
        mTintManager.setStatusBarTintEnabled(true);
        mTintManager.setStatusBarTintColor(Color.parseColor("#2196F3"));
    }
    
    ...
}

最終效果：

帶透明度的狀態(tài)欄

這種其實(shí)就是實(shí)現(xiàn)官方給出的那種效果礼患，也需要搭配SystemBarTint，代碼與相當(dāng)于是上面兩種的結(jié)合，只不過在設(shè)置statusbar顏色的時(shí)候設(shè)置的是#20000000缅叠，即使透明度為20%悄泥；

@TargetApi(19)
    private void setTintManager() {
        mTintManager = new SystemBarTintManager(this);
        mTintManager.setStatusBarTintEnabled(true);
        mTintManager.setStatusBarTintColor(Color.parseColor("#20000000"));
    }

最終效果：

參考

Android and the transparent status bar
該使用 fitsSystemWindows 了！