Toolbar与DrawerLayout的结合使用

结合Toolbar与DrawerLayout实现抽屉式效果[1]

1. 程序本身自带Actionbar，需设置主题为NoActionbar：

<!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
</style>

2. XML布局文件layout设置为DrawerLayout，设置一个侧滑的布局（NavigationView或者自定义一个布局）并设置android:layout_gravity属性。（弹出位置）NavigationView的设置不做讨论，具体参考下文给的链接。
3. 设置Toggle：

setSupportActionBar(toolbar);
getSupportActionBar().setHomeButtonEnabled(true);
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        /*触发侧滑设置*/
    actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout,
                toolbar, 0,0){
@Override
public void onDrawerClosed(View drawerView) {
super.onDrawerClosed(drawerView);
}
@Override
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
}

};
actionBarDrawerToggle.setDrawerIndicatorEnabled(true);
actionBarDrawerToggle.syncState();
drawerLayout.setDrawerListener(actionBarDrawerToggle);

Toolbar实现渐变色并实现沉浸式模式。

1. 渐变色的实现：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="@color/startColor"
        android:centerColor="@color/centerColor"
        android:endColor="@color/endColor" />
</shape>

2. 沉浸式模式设置[2]：

if (Build.VERSION.SDK_INT >= 21) {
            View decorView = getWindow().getDecorView();
            int option = View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
                    | View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
            decorView.setSystemUiVisibility(option);
            getWindow().setNavigationBarColor(Color.TRANSPARENT);
            getWindow().setStatusBarColor(Color.TRANSPARENT);
        }

其中View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION是隐藏底部导航

View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN实现程序占满整个屏幕

View.SYSTEM_UI_FLAG_LAYOUT_STABLE显示手机的状态栏

3. 沉浸模式下顶部Toolbar会跳到手机的状态栏，出现下图结果：
   
   在刘海屏手机下效果更差。因此我在Toolbar的顶部添加了一个空白的ImageView，并在Toolbar初始化时获取手机状态栏的高度再设置ImageView与其同高，具体效果如下：
   

[1]https://blog.csdn.net/u012702547/article/details/51253222

[2]https://blog.csdn.net/guolin_blog/article/details/51763825

[3]http://www.jianshu.com/p/0ba25cc65889#
项目地址