Toolbar使用概述

一. Toolbar

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="44dp"
    android:background="@color/colorPrimary"
    app:navigationIcon="@drawable/ic_back" <-- toolbar返回icon设置 -->
    app:popupTheme="@style/ToolbarPopupTheme"> <-- 更多menu配置 -- >
    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:textColor="@color/white" />
</android.support.v7.widget.Toolbar>

app:popupTheme

menu主题配置(主要配置是否显示在toolbar下显示，以及menu相关属性)
注：建议点击菜单弹出PopupMenu 或 PopupWindow来替代系统默认menu，以满足需求。

需要在value-21 以及value包下，都配置popupTheme主题，达到适配目的

 <style name="ToolbarPopupTheme" parent="ThemeOverlay.AppCompat.Dark">
    <item name="actionOverflowMenuStyle">@style/OverFlowMenu</item>
    <!--popupMenu item 点击背景设置-->
    <item name="android:itemBackground">@drawable/popup_menu_item_slt</item>
    <!--popupMenu 宽度设置-->
    <item name="android:width">80dp</item>
    <!--popupMenu item中字体颜色设置-->
    <item name="android:textSize">16sp</item>
    <item name="android:textColor">@color/gray_900</item>
</style>

<style name="OverFlowMenu" parent="Widget.AppCompat.PopupMenu.Overflow">
    <!--false在toolbar下显示-->
    <item name="android:overlapAnchor">false</item>
    <!--popupMenu背景-->
    <item name="android:popupBackground">@color/gray_600</item>
    <!-- 弹出层水平方向上的偏移，即距离屏幕左边的距离，负值会导致右边出现空隙 -->
    <item name="android:dropDownHorizontalOffset">0dp</item>
    <!-- 弹出层垂直方向上的偏移，即在竖直方向上距离Toolbar的距离，值为负则会盖住Toolbar -->
    <item name="android:dropDownVerticalOffset">0dp</item>
</style>

二. Toolbar使用

    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    TextView title = (TextView) findViewById(R.id.toolbar_title);
    setSupportActionBar(toolbar);
    ActionBar actionBar = getSupportActionBar();
    actionBar.setDisplayShowTitleEnabled(false);
    actionBar.setDisplayHomeAsUpEnabled(false);
    title.setText("自定义标题");
    toolbar.setOverflowIcon(AppCompatResources.getDrawable(this, R.drawable.ic_more));

1. actionBar.setDisplayShowTitleEnabled(false);

控制toolbar的title是否显示，默认显示app label

2. actionBar.setDisplayHomeAsUpEnabled(false);

控制返回按钮是否显示

3. toolbar.setOverflowIcon(AppCompatResources.getDrawable(this, R.drawable.ic_more));

自定义更多按钮图标

三. menu使用

加载menu布局
@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main_toolbar_menu, menu);
    return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.setting:
            Toast.makeText(this, "设置", Toast.LENGTH_SHORT).show();
            break;
    }
    return true;
}

在menu目录下建菜单xml

<item
    android:id="@+id/setting"
    android:orderInCategory="1"
    android:icon="@drawable/ic_back"
    android:title="设置"
    app:showAsAction="never"/>

1. android:orderInCategory作用：item排序，int值，值越小越靠前

菜单默认按照item顺序显示

2. app:showAsAction作用：是否显示在toolbar上，常用取值always、never

always: item显示在toolbar上
never：item不显示在toolbar上

3. android:icon：item设置icon后，显示图片，不显示文字

图一
图二
图3

图一：正常显示，app:showAsAction="never"
图二：配置图片，并且app:showAsAction="always"
图三：xml中只包含一个item，并且app:showAsAction="always"