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
  • 20501

ToolBar的使用

ActionBarActivity已经被弃用,推荐使用AppCompatActivity md的主题有: @android:style/Theme.Material (dark version) @...
  • qianjfsjf
  • qianjfsjf
  • 2016年07月19日 22:58
  • 3520

隐藏Android 系统自带的v7.widget.Toolbar的标题

在使用android.support.v7.widget.Toolbar时,如果需要隐藏系统默认的标题,自己定义标题时,必须在onCreate()方法执行完成之后修改。 因为在onCreate(...
  • yuzhidao
  • yuzhidao
  • 2017年06月14日 14:07
  • 1398

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

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

ToolBar 修改菜单字体和颜色

ToolBar 修改菜单字体和颜色
  • u010331406
  • u010331406
  • 2016年01月11日 15:48
  • 4955

Android主题与Toolbar样式之间的关系

最近这几天被Android主题与Toolbar样式搞晕了,因为本来自己的Android根基就浅,对这方面又一直没有深入了解过;后来在Google上搜索到一篇文章:Android: Changing t...
  • zhangyihui1986
  • zhangyihui1986
  • 2016年07月02日 15:07
  • 10053

ToolBar的样式设置

由于新的项目开始了,原来一直使用ActionBar,但是存在各种问题,后来了解google又推出了ToolBar这个替代品,可以很好的解决一些以前ActionBar的问题,本来以为是比较简单的控件,结...
  • yichang666
  • yichang666
  • 2016年09月26日 16:16
  • 602

Qt浅谈之二十二Qt样式表

一、简介       最近因项目需求,Qt程序一旦检测到错误,要重新启动,自己是每次关闭主窗口的所有子窗口但有些模态框会出现问题,因此从网上总结了一些知识点,以备以后的应用。 二、详解 1、Qt...
  • taiyang1987912
  • taiyang1987912
  • 2015年04月10日 09:36
  • 29755

Android多种菜单样式的代码例子

  • 2016年05月03日 09:37
  • 2MB
  • 下载

ToolBar样式颜色,图标设置

resources> style name="AppTheme" parent="@style/AppBaseTheme"> style> style name="Ap...
  • w1054993544
  • w1054993544
  • 2015年09月10日 10:21
  • 3398
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Toolbar的常规设置(包括标题样式,菜单样式等)
举报原因:
原因补充:

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