关于自定义 Toolbar 的学习笔记

最新推荐文章于 2025-07-06 10:30:00 发布

原创最新推荐文章于 2025-07-06 10:30:00 发布 · 2.1k 阅读

1 ·

CC 4.0 BY-SA版权

android-material 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何直观地认识并使用Toolbar组件，通过结合support-v7兼容包进行风格定制，以及提供实用链接和代码示例供开发者参考。

1、首先直观的认识 Toolbar ：

Toolbar Component

2、通过结合 support-v7 兼容包，来设置 style 定义 Toolbar 各个元件的布局样式：

<resources xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto">


    <style name="AppBaseTheme" parent="Theme.AppCompat.Light"></style>


    <!-- Application theme. -->
    <style name="AppTheme" parent="AppBaseTheme">
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <item name="colorPrimary">@color/accent_material_dark</item>
        <item name="colorPrimaryDark">@color/accent_material_light</item>
        <item name="android:windowBackground">@color/dim_foreground_material_dark</item>
        <item name="toolbarNavigationButtonStyle">@style/MyToolbarNavigationButtonStyle</item>
        <item name="actionButtonStyle">@style/MyToolbarMenuButtonStyle</item>
    </style>


    <style name="MyToolbarNavigationButtonStyle" parent="@style/Widget.AppCompat.Toolbar.Button.Navigation">
        <item name="android:minWidth">0dp</item>
        <item name="android:paddingLeft">0dp</item>
        <item name="android:scaleType">centerInside</item>
    </style>


    <style name="MyToolbarMenuButtonStyle" parent="@style/Widget.AppCompat.Light.ActionButton">
        <item name="android:minWidth">0dp</item>
        <item name="android:padding">0dp</item>
    </style>


</resources>

3、最后，关于 Toolbar 资料可参考下面的文章：

http://android-developers.blogspot.com/2014/10/appcompat-v21-material-design-for-pre.html

http://blog.mosil.biz/2014/10/android-toolbar/

参考文章：

http://stackoverflow.com/questions/9131954/is-there-a-way-to-reduce-the-spacing-between-the-action-item-icons-on-action-bar

http://stackoverflow.com/questions/26809133/how-to-change-toolbar-navigation-icon-and-options-menu-margin