Toolbar的常规设置(包括标题样式,菜单样式等)

原创 2017年01月03日 19:18:34

一、使用Toolbar必须去掉ActionBar

1)使用NoActionBar的主题

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimarydark</item>
    <item name="colorAccent">@color/coloraccent</item>
</style>

2)手动对主题进行去ActionBar设置

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimarydark</item>
    <item name="colorAccent">@color/coloraccent</item>
    <!--去掉系统默认的标题栏-->
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
</style>

二、在styles.xml中配置Toolbar的样式

<!--Toolbar的样式配置 begin-->
<!-- toolbar菜单文字尺寸 -->
<style name="ToolbarMenuTextSize" parent="@style/TextAppearance.AppCompat.Menu">
    <item name="android:textSize">14sp</item>
</style>
<!-- toolbar菜单样式 -->
<style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">
    <item name="actionMenuTextColor">@android:color/white</item>
    <item name="actionMenuTextAppearance">@style/ToolbarMenuTextSize</item>
    <!--<item name="android:colorBackground"></item>也可以设置背景色以及menu中的其他属性-->
    <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
    <item name="android:itemBackground">@color/colorPrimary</item>
    <item name="android:layout_marginRight">10dp</item>
    <item name="android:textColor">@android:color/white</item>
</style>
<!--设置菜单popup出现位置在toolbar的下方-->
<style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
    <item name="overlapAnchor">false</item>  <!--设置不覆盖锚点-->
</style>
<!-- toolbar弹出菜单样式 -->
<style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat">
    <item name="android:colorBackground">#212121</item>
</style>
<!-- toolbar主标题样式 -->
<style name="ToolbarTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Title">
    <item name="android:textSize">17sp</item>
    <item name="android:textColor">@android:color/white</item>
    <item name="android:textColorPrimary">@android:color/white</item>
</style>
<!--toolbar副标题样式-->
<style name="ToolbarSubTitle" parent="@style/TextAppearance.Widget.AppCompat.Toolbar.Subtitle">
    <item name="android:textSize">13sp</item>
    <item name="android:textColor">@android:color/white</item>
</style>
<!--Toolbar的样式配置 end-->

三、在布局文件中引用Toolbar的配置样式

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="45dp"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:theme="@style/ToolbarTheme"                  <!-- toolbar菜单样式 -->
    app:popupTheme="@style/ToolbarPopupTheme"        <!-- toolbar弹出菜单样式 -->
    app:titleTextAppearance="@style/ToolbarTitle"    <!-- toolbar主标题样式 -->
    app:subtitleTextAppearance="@style/ToolbarSubTitle" <!-- toolbar副标题样式 -->
    />

以后需要修改指定地方的样式,只需要在第2步中对应的style里找出对应的属性设置即可。详细说明请参考:Android Toolbar样式定制详解

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Toolbar设置图标,菜单属性

Toolbar各种设置
  • dagaozi
  • dagaozi
  • 2016年09月06日 15:57
  • 17862

Android应用中菜单(Menu)的位置显示问题

Android应用中菜单(Menu)的位置显示问题

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

Toolbar用法详解:

Toolbar用法详解:Toolbar的组成:Toolbar supports a more focused feature set than ActionBar. From start to end...
  • showdy
  • showdy
  • 2016年12月30日 17:31
  • 746

Toolbar的使用和自定义Toolbar作为标题栏

搞了一个上午中午搞的差不多了,由于公司突然把以前用的自定义布局titleBar替换为Toolbar,我才有幸使用Toolbar,-_-。。。。不过刚用真的好蛋疼,其实和actionBar差不多,好了不...

Android Toolbar设置向上箭头,标题等

Android的向上箭头不是单纯的返回键,而是返回上一层级,也就是返回该activity的父activity布局代码:...

toolbar标题设置居中

项目标题栏准备用toolbar实现. 首先toolbar继承于viewgroup,所以咱可以自由在里面写控件跟样式. 但是我使用时发现一个奇葩的问题. ...

actionBar和Toolbar中如何动态隐藏和修改menu上的菜单

actionBar大家都应该很熟了,非常好用的东西,如果不是很熟,可以看一下http://blog.csdn.net/guolin_blog/article/details/18234477,里面介绍...

自定义 ToolBar 实现标题栏

一 、自定义ToolBar前 ,先贴一下style ,相信大家一定和我一样感到既陌生又熟悉 @color/colorAccent ...

ToolBar自定义样式

前言 Marterial Design出来也有一段时间了,为了紧跟Google的设计规范,决定在项目中使用Toolbar。使用了一段时间之后,发现很多时候原始的Toolbar并不能满足项目的要求...
  • sxl403
  • sxl403
  • 2015年09月24日 11:16
  • 4935
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Toolbar的常规设置(包括标题样式,菜单样式等)
举报原因:
原因补充:

(最多只允许输入30个字)