toolbar相关的主题属性设置

来源:互联网 发布:网络发票号是什么 编辑:程序博客网 时间:2024/06/06 18:07

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     <item20         android:id="@+id/action_expand"21         android:icon="@android:drawable/ic_menu_add"22         android:title="展开/收起"23         app:showAsAction="never|collapseActionView"/>24     45 </menu> 
0 0
原创粉丝点击