Material Design之Toolbar的使用以及修改菜单和字体颜色

来源：互联网发布：dbc网络用语编辑：程序博客网时间：2024/06/05 06:02

Toolbar简介

Toolbar使应用的标准工具栏，可以说是Actionbar的升级版。和Actionbar相比，Toolbar最明显的变化是自由，方便定制。

Toolbar的使用

因为只要有Toolbar，所以需要把原本的 ActionBar 隐藏起来。在style文件设定主题

    <!-- Base application theme. -->    <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>

布局文件

<?xml version="1.0" encoding="utf-8"?><android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/toolbar"    android:background="?attr/colorPrimary"    android:layout_width="match_parent"    android:layout_height="wrap_content"></android.support.v7.widget.Toolbar>

再来添加一个抽屉效果

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:orientation="vertical">    <include layout="@layout/include_toolbar"/>    <android.support.v4.widget.DrawerLayout        android:id="@+id/main_drawlayout"        android:layout_width="match_parent"        android:layout_height="match_parent">        <!-- menu部分-->        <FrameLayout            android:layout_width="180dp"            android:layout_height="match_parent"            android:background="#72f076"            android:layout_gravity="left"></FrameLayout>        <!-- 内容部分-->        <FrameLayout            android:layout_width="180dp"            android:layout_height="match_parent"            android:background="#6a706a"></FrameLayout>    </android.support.v4.widget.DrawerLayout></LinearLayout>

然后在我们的Activity中初始化即可：

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);        setSupportActionBar(toolbar);

        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);        setSupportActionBar(toolbar);        DrawerLayout drawerLayout = (DrawerLayout) findViewById(R.id.main_drawlayout);        ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(this,drawerLayout,toolbar,R.string.open,R.string.close);        drawerLayout.setDrawerListener(toggle);        //同步状态        toggle.syncState();

让我们来瞅瞅效果

这里写图片描述
等等，这丑暴了的标题颜色是怎么回事（背景颜色请无视。。）
我们来修改下修改Toolbar文字颜色和修改Toolbar popup menu样式
在AppBase中添加一行代码

    <!-- Base application theme. -->    <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>        <item name="android:textColorPrimary">@android:color/white</item>    </style>

再添加一个菜单样式

    <!-- toolbar菜单样式 -->    <style name="ToolbarTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">        <item name="actionMenuTextColor">@android:color/white</item>    </style>

给toolbar即可

app:theme="@style/ToolbarTheme"

更多资料：
Android Toolbar样式定制详解

0 0