Toolbar的使用

Toolbar元素

上面的效果图中，只显示了App的名称，但是Toolbar可以包含以下元素：

导航按钮应用的Logo标题和子标题若干个自定义View动作菜单

好的，接下来我们就让它们全部显示出来。

显示导航按钮、应用的Logo、标题和子标题。

// 显示应用的Logo getSupportActionBar().setDisplayShowHomeEnabled(true); getSupportActionBar().setDisplayUseLogoEnabled(true); getSupportActionBar().setLogo(R.mipmap.ic_launcher); // 显示标题和子标题 getSupportActionBar().setDisplayShowTitleEnabled(true); toolbar.setTitle("Demo"); toolbar.setSubtitle("subtitle");

显示动作菜单。 首先在res/menu目录下的xml文件中定义的，要添加几个动作，则在<menu>节点下添加几个item。

<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto"> <item android:id="@+id/toolbar_action1" android:icon="@drawable/icon_weibo_timeline_mine" android:title="Action" app:showAsAction="always"/> <item android:id="@+id/toolbar_action1" android:icon="@drawable/icon_weibo_timeline_mine" android:title="Action" app:showAsAction="never"/> </menu>

item的icon和title属性顾名思义，而app:showAsAction属性则是用来指定这个动作是放置在操作栏上，还是溢出菜单中。当它的值设置为”ifRomom”时，如果操作栏有空间放置，则放置在操作栏上，否则放置到溢出菜单中。当它的值设置为”always”，这个动作将总是放置在操作栏上。当它的值设置为”never”，这个动作将总是放置在溢出菜单中。

之后重写activity的onCreateOptionsMenu()方法，设置显示的menu资源：

@Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_toolbar_demo, menu); return true; }

当点击了按钮，可以通过重写activity的onOptionsItemSelected()方法来进行处理：

@Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.toolbar_action1: // do something return true; default: // If we got here, the user's action was not recognized. // Invoke the superclass to handle it. return super.onOptionsItemSelected(item); } }

显示自定义View

因为Toolbar是ViewGroup的子类，因此可以向其内部添加View进行显示。这里我们简单的添加一个TextView显示一个文本。

<android.support.v7.widget.Toolbar android:id="@+id/toolbar" 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="?attr/actionBarSize" android:background="?attr/colorPrimary" android:elevation="4dp" android:theme="@style/ToolbarTheme" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:titleTextAppearance="@style/Toolbar.TitleText"> <!--可以添加你想要添加的view-> <TextView android:id="@+id/toolbar_title" style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="自定义" android:textSize="21sp"/> </android.support.v7.widget.Toolbar>

Toolber复用

应用中有很多界面，每个Activity一般都需要操作栏，且大多数activity的操作栏的元素是一致的，那每个布局文件里面都写这么多资源文件是累赘的。因此可以对Toolbar进行复用，使得布局文件看起来更精炼，更改Toolbar整体效果，如背景之类的可以更方便。

首先，在布局文件toolbar.xml中定义Toolbar。

<android.support.v7.widget.Toolbar android:id="@+id/toolbar" 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="?attr/actionBarSize" android:background="?attr/colorPrimary" android:contentInsetLeft="0dp" android:contentInsetStart="0dp" android:elevation="4dp" android:theme="@style/ToolbarTheme" app:navigationIcon="@drawable/icon_back" app:popupTheme="@style/ThemeOverlay.AppCompat.Light" app:titleTextAppearance="@style/Toolbar.TitleText"> <!-- any custom view --> </android.support.v7.widget.Toolbar>

之后，在需要添加Toolbar的地方引入这个布局资源。

<include layout="@layout/toolbar"/>

最后，在BaseActivity(一般app都会有)中的onCreate()方法设置Toolbar。注意，这个时候Activity不再继承AppCompatActivity，而是继承BaseActivity，而BaseActivity继承AppCompatActivity。BaseActivity部分代码如下：

@Override protected void onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); if (toolbar != null) { setSupportActionBar(toolbar); mToolbarHelper = new ToolbarHelper(toolbar); hanldeToolbar(mToolbarHelper); } } protected void hanldeToolbar(ToolbarHelper toolbarHelper) {} public static class ToolbarHelper { private Toolbar mToolbar; public ToolbarHelper(Toolbar toolbar) { this.mToolbar = toolbar; } public Toolbar getToolbar() { return mToolbar; } public void setTitle(String title) { TextView titleTV = (TextView) mToolbar.findViewById(R.id.toolbar_title); titleTV.setText(title); } }

代码中首先获取到Toolbar将其设置为操作栏，之后创建了一个ToolbarHelper对象，

ToobarHelper主要是封装了下Toolbar，并提供操作自定义View的方法。然后调用hanldeToolbar()方法，

子Activity通过重写这个方法，可以对Toolbar进行定制操作。