ToolBar继承了ActionBar的所有功能,而且灵活性很高。
首先你要知道,任何一个新建的项目,默认都是会显示ActionBar(标题栏)的。既然我们要使用ToolBar,那我们先去除掉默认的ActionBar(标题栏)吧。
打开res/values/style.xml文件,修改为以下内容:
<resources>
<!-- 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>
</resources>
以上内容是修改主题为无ActionBar(标题栏)的淡色主题,现在就去除了项目默认的ActionBar(标题栏)了,下面我们来写一个ToolBar并显示出来。
布局文件如下:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
</FrameLayout>
首先看一下?attr/actionBarSize这条属性值,这是设置高度为actionBar的高度,下面我们重点看下android:theme和app:popupTheme这两条属性:android:theme为设置当前主题,之前我们已经设置了主题为无标题栏的淡色主题了,那么为什么还要重新设置主题呢?
这是因为在淡色主题下,ToolBar上面的元素就会显示深色系,在深色主题下,ToolBar上面的元素就会显示淡色系,这样一来就不好看了,为了让ToolBar上的元素显示淡色系,这里我们就将主题设置为了深色,但这样一来又出现一个问题,如果ToolBar中有菜单按钮,那么弹出的菜单项也会变成深色的呢,这也会很难看,所以使用app:popupTheme这条属性将弹出菜项指定为淡色主题。
在活动中设置ToolBar:
Toolbar toolbar = findViewById(R.id.toolbar);
// 设置标题栏
setSupportActionBar(toolbar);
最后提醒一下:此处的ToolBar是support.v7库中的。