Toolbar的常规设置（包括标题样式，菜单样式等）

最新推荐文章于 2024-05-14 04:23:18 发布

GitLqr

最新推荐文章于 2024-05-14 04:23:18 发布

阅读量3.2k

点赞数 1

分类专栏： Android笔记文章标签： toolbar样式自定义

本文链接：https://blog.csdn.net/CSDN_LQR/article/details/53997153

版权

Android笔记专栏收录该内容

155 篇文章 2 订阅

订阅专栏

一、使用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副标题样式 -->
    />