style
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!--设置每个菜单项及它选中时的背景色-->
<item name="android:itemBackground">#a4f5f6</item>
<!--<item name="android:background">#303F9F</item>-->
<!--下面3行是ToolBar的状态栏沉浸效果-->
<!--<item name="android:windowTranslucentStatus">false</item>-->
<!--<item name="android:windowTranslucentNavigation">true</item>-->
<!--<item name="android:statusBarColor">#0176da</item>-->
<!-- Toolbar风格 -->
<item name="toolbarStyle">@style/Theme.Toolbar.App.Style</item>
<!--溢出菜单中的action间的分割线-->
<item name="android:dividerHeight">1dp</item>
<!--文本大小-->
<item name="android:textSize">20sp</item>
<!--文本颜色-->
<item name="android:textColorPrimary">#ffffff</item>
<!--设置菜单不遮挡actionbar-->
<item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
<!--配置Menu的图标-->
<item name="actionOverflowButtonStyle">@style/ToolBar.ActionButton.Overflow</item>
</style>
<!--溢出菜单样式 -->
<style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
<!--溢出菜单的宽度-->
<item name="android:dropDownWidth">wrap_content</item>
<item name="android:paddingRight">5dp</item>
<!--溢出菜单窗口的背景,它与菜单项的背景不同,如果所有菜单项加一起盖住了窗口,那么这个背景色看不到-->
<item name="android:popupBackground">#89a81d</item>
<!--溢出菜单不遮挡ToolBar-->
<item name="overlapAnchor">false</item>
<!--溢出菜单垂直偏移,水平偏移-->
<item name="android:dropDownVerticalOffset">5dip</item>
<item name="android:dropDownHorizontalOffset">0dip</item>
</style>
<!--溢出按钮样式 -->
<style name="ToolBar.ActionButton.Overflow" parent="android:style/Widget.Holo.Light.ActionButton.Overflow">
<item name="android:src">@android:drawable/ic_menu_add</item>
</style>
<!--=============下面是toolbar相关主题============-->
<!-- Toolbar样式 -->
<style name="Theme.Toolbar.App.Style" parent="@style/Widget.AppCompat.Toolbar">
<item name="android:background">#33B5E5</item>
<!--注意不要用android:titleTextAppearance,要用xmlns:app="http://schemas.android.com/apk/res-auto"下的,
不带前缀就是app:下的-->
<!--主标题-->
<item name="title">title</item>
<!--副标题-->
<item name="subtitle">subtitle</item>
<!--logo-->
<item name="logo">@android:drawable/ic_menu_call</item>
<!--主标题样式-->
<item name="titleTextAppearance">@style/Theme.ToolBar.App.Title</item>
<!--副标题样式-->
<item name="subtitleTextAppearance">@style/Theme.ToolBar.App.Subtitle</item>
<item name="android:minHeight">?attr/actionBarSize</item>
<item name="titleMargins">4dp</item>
<!--ToolBar的Home图标左侧间隙-->
<item name="contentInsetStart">16dp</item>
<!--当home图标折叠时显示的图标-->
<item name="collapseIcon">@android:drawable/ic_menu_compass</item>
<item name="collapseContentDescription">collapseContentDescription</item>
<item name="android:paddingLeft">10dp</item>
<item name="android:paddingRight">10dp</item>
</style>
<!--设置toolbar标题主题-->
<style name="Theme.ToolBar.App.Title" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
<item name="android:textSize">20sp</item>
<item name="android:textColor">#ffffff</item>
</style>
<!--toolbar副标题主题-->
<style name="Theme.ToolBar.App.Subtitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
<item name="android:textSize">9sp</item>
<item name="android:textColor">#ff0000</item>
</style>
</resources>
xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context="com.txw.e.toolbardemo.MainActivity">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
/>
<!--app:contentInsetStart="3dp"-->
<!--app:title="Title"-->
<!--app:subtitle="subtitle"-->
<!--app:logo="@android:drawable/ic_menu_directions"-->
<!--app:titleTextAppearance="@style/Theme.ToolBar.Base.Title"-->
<!--app:subtitleTextAppearance="@style/Theme.ToolBar.Base.Subtitle"-->
<!--app:title等属性也可以定义在style.xml中,注意是app命名空间下的,不是android:title,后者不显示。
xmlns:app="http://schemas.android.com/apk/res-auto"
-->
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/toolbar"
android:text="Hello toolbar!" />
</RelativeLayout>
menu
<menu xmlns:android="http://schemas.android.com/apk/res/android"
2 xmlns:app="http://schemas.android.com/apk/res-auto"
3 xmlns:tools="http://schemas.android.com/tools"
4 tools:context="com.e.weixin.MainActivity">
5
6 <item
7 android:id="@+id/action_search"
8 android:icon="@android:drawable/ic_menu_search"
9 android:title="search"
10 app:actionViewClass="android.support.v7.widget.SearchView"
11 app:showAsAction="always|collapseActionView"/>
12
13
14 <item android:id="@+id/action_share"
15 android:icon="@android:drawable/ic_menu_share"
16 android:title="share"
17 app:showAsAction="ifRoom"
18 app:actionProviderClass="android.support.v7.widget.ShareActionProvider"/>
19 <item
20 android:id="@+id/action_expand"
21 android:icon="@android:drawable/ic_menu_add"
22 android:title="展开/收起"
23 app:showAsAction="never|collapseActionView"/>
24
45 </menu>