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);