Android App bar详解

在大部分基本的表单中，都有一个 在一边显示Activity的标题，另一边显示overflow menu 的actionbar 如下：



从 android 3.0 开始，所有的Activity都使用默认的主题，将 action bar 作为 app bar，但是不断增减的bar的特性，原生的 Action bar在不同的 Sysytem中并不一致。

相比之下，最新的一些特性都包含在了 Toolbar 的支持库 控件中

添加一个Toolbar 到 Activity

1 . 添加一个 v7 的支持库到项目中

2 . 确保这个Activity继承 AppCompatActivity

（以上两点，现在android studio在默认创建一个activity（项目）的时候，已经确保了）

3 . 在清单文件中确定，当前的 activity 不使用 action bar

<application
android:theme="@style/Theme.AppCompat.Light.NoActionBar"
/>

4 . 添加一个 Toolbar 在 布局文件中

<android.support.v7.widget.Toolbar
android:id="@+id/my_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:elevation="4dp"
android:theme="@style/ThemeOverlay.AppCompat.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

elevation 这个属性的大小 为 4dp，是根据 material 风格确定的 是一个叠加阴影的效果，值越大，这个空间的 z 轴位置越高 本例中使用的颜色，大小都是系统资源

5 . 最后一步，在代码总设置当前的actionbar为此 Toolbar（注意，一定是是使用v7的库，而不是其他）

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_my);
Toolbar myToolbar = (Toolbar) findViewById(R.id.my_toolbar);
setSupportActionBar(myToolbar);
}

此时，toolbar就会显示 activity 的 title 了

一旦你设置了 toolbar 作为 activity 的 app bar，可以通过 v7 兼容库 来支持 你做一些有用的事，比如获取(

getSupportActionBar

)，显示，隐藏 actionbar

添加和处理 Actions

如下图所示：



如果你app要显示很多的actions，那么控件是不够的，这时可以吧一些action放在overflow menu中。当然你也将一些action一直放在 overflow menu 中

添加 action button

首先创建一个 新的 XML 文件 在 路径

res/menu/ directory

下

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

<!-- "Mark Favorite", 如果可以的话，显示在bar中 -->
<item
android:id="@+id/action_favorite"
android:icon="@drawable/ic_favorite_black_48dp"
android:title="@string/action_favorite"
<!--当在overflow中显示的时候，都是title的形式-->
app:showAsAction="ifRoom"/>

<!-- 表示一直显示在 overflow 中 -->
<item android:id="@+id/action_settings"
android:title="@string/action_settings"
app:showAsAction="never"/>

</menu>

响应动作

当用户点选一个bar item的时候，系统会调用你的 activity的

onOptionsItemSelected()

方法，然后传入一个

MenuItem

值来指明 哪一个item是被点击的。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.action_settings:
// User chose the "Settings" item, show the app settings UI...
return true;

case R.id.action_favorite:
// User chose the "Favorite" action, mark the current item
// as a favorite...
return true;

// 只要是点击中了，都是返回true的

default:
// If we got here, the user's action was not recognized.
// Invoke the superclass to handle it.
return super.onOptionsItemSelected(item);
}
}

当然也要在onCreateOptionsMenu中给menu填入样式

如何添加一个回退按钮

这个在之前讲过，这里就不赘述了

最后问题，如何添加一个 action view

action view 就是封装好的一些有复杂功能的 action，比如 searchView 或者是 shareView等等

添加也是只许简单的两步：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.options, menu);
// ...

// 定义一个listener，来确定当 action 是展开或者折叠的时候，应有的行为
OnActionExpandListener expandListener = new OnActionExpandListener() {
@Override
public boolean onMenuItemActionCollapse(MenuItem item) {
// Do something when action item collapses
return true;  // Return true to collapse action view
}

@Override
public boolean onMenuItemActionExpand(MenuItem item) {
// Do something when expanded
return true;  // Return true to expand action view
}
};

// Get the MenuItem for the action item
MenuItem actionMenuItem = menu.findItem(R.id.myActionItem);

// Assign the listener to that action item
MenuItemCompat.setOnActionExpandListener(actionMenuItem, expandListener);

// Any other things you have to do when creating the options menu…

return true;
}

添加一个 action的 供应者

<item android:id="@+id/action_share"
android:title="@string/share"
app:showAsAction="ifRoom"
app:actionProviderClass="android.support.v7.widget.ShareActionProvider"/>

actionProviderClass 这个属性标明了当前view是哪一种