一. 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"
