Toolbar的使用

Toolbar元素

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

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

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

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

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

2. 显示动作菜单。
   首先在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);
   
       }
   }

3. 显示自定义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进行定制操作。