像Google Play一样让DrawerLayout拉出的抽屉在透明系统状态栏和工具栏（ToolBar）之间。

最近想实现和Google Play一样的侧边栏。拉出的抽屉在透明的状态栏和ActionBar之间。

看到透明的状态栏就想起我去年写的一篇在Android4.4上开启透明状态栏的博客，在这里http://www.cnblogs.com/zhengxt/p/3536905.html。

尝试下看行不行，新建个项目后在res文件下创建多一个values-v19来放Android4.4以上系统使用的样式。

 

然后把values里面的style文件拷贝到vaules-v19里，再添加一条<item name="android:windowTranslucentStatus">true</item>来开启透明状态栏。

<resources>

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="windowActionBar">false</item>
        <item name="colorPrimary">@color/material_indigo_500</item>
        <item name="colorPrimaryDark">@color/material_indigo_700</item>
        <item name="colorAccent">@color/material_indigo_a200</item>
        <item name="android:windowTranslucentStatus">true</item>
    </style>

</resources>

然后创建DrawerLayout和ToolBar，为什么不用ActionBar而用ToolBar？因为ActionBar不属于Window内的元素，DrawerLayout拉出来的抽屉会始终被覆盖。但是我们用ToolBar就不一样了，

ToolBar是要放在布局里的，抽屉拉出来后就会压在ToolBar上，这样才能达到我们想要的目的。而且ToolBar是AppCompat-V7包在21版本提供的一个更灵活的的工具栏，用来代替ActionBar。

创建完后运行APP，果然能实现透明的状态栏。不过这样Theme里用colorPrimaryDark设置的状态栏颜色就没了。下面就需要我们自己给状态栏下方染上颜色，达到Google Play那样的效果。

    

考虑在ToolBar上方加入一个View，然后给它设置一个和ToolBar一样的背景色就可以。但是这样太麻烦了，不如我们自定义一个ViewGroup来实现，需要用到的地方就使用这个ViewGroup作为根布局。

然后就继承自FrameLayout来实现一个StatusBarColorLayout吧。

/**
 * Description:
 * User: ZhengXingtian(lan4627@Gmail.com)
 * Date: 2015-03-31
 * Time: 23:55
 * Version: 1.0
 */
public class StatusBarColorLayout extends FrameLayout{

    public StatusBarColorLayout(Context context) {
        super(context);
        init(context);
    }

    public StatusBarColorLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        init(context);
    }

    public StatusBarColorLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    @TargetApi(Build.VERSION_CODES.LOLLIPOP)
    public StatusBarColorLayout(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        init(context);
    }

    private Rect mStatusBarRect;
    private Paint mStatusBarColorPaint;
    private int mStatusBarHeight;

    private void init(Context context){
        // 让ToolBar处于系统状态栏下方
        setFitsSystemWindows(true);
        // 设置画笔
        mStatusBarColorPaint = new Paint();
        mStatusBarColorPaint.setColor(getThemeColor(context, R.attr.colorPrimary));
        mStatusBarColorPaint.setAntiAlias(true);
        mStatusBarColorPaint.setStyle(Paint.Style.FILL);

        mStatusBarRect = new Rect();

        mStatusBarHeight = getStatusBarHeight(context);
    }

    @Override
    protected void dispatchDraw(Canvas canvas) {
        // 要绘制的区域
        mStatusBarRect.set(getLeft(), getTop(), getRight(), mStatusBarHeight);
        // 绘制系统状态栏颜色
        canvas.drawRect(mStatusBarRect, mStatusBarColorPaint);
        super.dispatchDraw(canvas);
    }

    /**
     *  获取系统状态栏高度
     * @param context
     * @return
     */
    public int getStatusBarHeight(Context context) {
        Class<?> c = null;
        Object obj = null;
        Field field = null;
        int x = 0, statusBarHeight = 0;
        try {
            c = Class.forName("com.android.internal.R$dimen");
            obj = c.newInstance();
            field = c.getField("status_bar_height");
            x = Integer.parseInt(field.get(obj).toString());
            statusBarHeight = context.getResources().getDimensionPixelSize(x);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return statusBarHeight;
    }

    /**
     *  获取当前主题里的颜色
     * @param context
     * @param resId
     * @return
     */
    public int getThemeColor(Context context, int resId){
        TypedValue value = new TypedValue();
        context.getTheme().resolveAttribute(resId, value, true);
        return value.data;
    }
}

 

然后在项目里使用就可以了。使用的代码如下：

public class MainActivity extends ActionBarActivity {

    private ListView mDrawerListView;

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

    private void setListView(){
        mDrawerListView = (ListView) findViewById(R.id.navigation_drawer);
        mDrawerListView.setAdapter(new ArrayAdapter<String>(
                this,
                android.R.layout.simple_list_item_activated_1,
                android.R.id.text1,
                new String[]{
                        getString(R.string.title_section1),
                        getString(R.string.title_section2),
                        getString(R.string.title_section3),
                }));
    }

}

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <com.zxtcode.myapplication.StatusBarColorLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            android:minHeight="?attr/actionBarSize" />

    </com.zxtcode.myapplication.StatusBarColorLayout>

    <ListView android:id="@+id/navigation_drawer"
              android:layout_width="@dimen/navigation_drawer_width"
              android:layout_height="match_parent"
              android:layout_gravity="start"
              android:choiceMode="singleChoice"
              android:divider="@android:color/transparent"
              android:dividerHeight="0dp"
              android:background="#bbbb"/>



</android.support.v4.widget.DrawerLayout>

在Android5.1下的效果：

    

在Android4.4下使用是这样子的：

  

该效果依赖于4.4新增的API：windowTranslucentStatus。所以在低版本的Android下是无效果的，例如4.1：