Drawerlayout和ToolBar进行整合

首先可以看一下效果

\

上一篇文章我们使用的是Drawerlayout和Naviagtion实现了侧滑的效果,大家可以看下http://blog.csdn.net/qq_24675479/article/details/78743924。这个项目是基于上个项目来实现的

第一步：我们定义一下样式,因为我们默认的Toolbar标题和图标是黑色的

<style name="AppTheme.ToolBar" parent="AppTheme">
    <!--  箭头  -->
    <item name="drawerArrowStyle">@style/AppTheme.DrawerArrowToggle</item>
    <item name="android:windowActionBarOverlay">@style/ActionButton.Overflow</item>
    <item name="actionOverflowButtonStyle">@style/ActionButton.Overflow</item>
    <item name="titleTextColor">@android:color/white</item>
</style>
<style name="ActionButton.Overflow" parent="android:style/Widget.Holo.Light.ActionButton.Overflow">
    <item name="android:src">@mipmap/ic_menu_more_overflow</item>
</style>
<style name="AppTheme.DrawerArrowToggle" parent="Base.Widget.AppCompat.DrawerArrowToggle">
    <item name="color">@android:color/white</item>
</style>
<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar"/>
<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light"/>

第二步：将内容控件的布局修改一下:

<LinearLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <android.support.v7.widget.Toolbar
        android:id="@+id/tool_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:minHeight="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:title="@string/app_name"
        android:theme="@style/AppTheme.ToolBar">

    </android.support.v7.widget.Toolbar>

</LinearLayout>

第三步：定义一个toolbar_menu布局：

<item
    android:id="@+id/action_search"
    android:icon="@mipmap/ic_search"
    android:title="@string/menu_search"
    app:showAsAction="ifRoom" />

showAsAction的属性值有：

1）alaways:这个值会使菜单项一直显示在ActionBar上。

2）ifRoom:如果有足够的空间,这个值会使菜单显示在ActionBar上。

3）never:这个值菜单永远不会出现在ActionBar是。

4）withText:这个值使菜单和它的图标，菜单文本一起显示。

第四步：添加右边菜单并将Toolbar和drawerlayout进行整合

toolBar.inflateMenu(R.menu.toolbar_menu);//添加菜单
//导入V7的包,将Toolbar和DrawerLayout进行整合
ActionBarDrawerToggle drawerToggle=new ActionBarDrawerToggle(this,drawerLayout,toolBar,R.string.open,R.string.close);
drawerToggle.syncState();
drawerLayout.addDrawerListener(drawerToggle);