ToolBar存档

上图是将本阶段要完成的结果画面做了标示，结合下面的描述希望大家能明白。

1. colorPrimaryDark（状态栏底色）：在风格 (styles) 或是主题 (themes) 里进行设定。

2. App bar 底色

   这个设定分为二，若你的 android app 仍是使用 actionbar ，则直接在风格 (styles) 或是主题 (themes) 里进行设定 colorPrimary 参数即可；
   可若是采用 toolbar 的话，则要在界面 (layout) 里面设定 toolbar 控件的 background 属性。

3. navigationBarColor（导航栏底色）：

仅能在 API v21 也就是 Android 5 以后的版本中使用， 因此要将之设定在 res/values-v21/styles.xml 里面。

1. 主视窗底色：windowBackground

也因此在这个阶段，我们需要设定的地方有三，一是 style中(res/values/styles.xml)

<style name="AppTheme.Base" parent="Theme.AppCompat">
  <item name="windowActionBar">false</item>
  <item name="android:windowNoTitle">true</item>
  <!-- Actionbar color -->
  <item name="colorPrimary">@color/accent_material_dark</item>
  <!--Status bar color-->
  <item name="colorPrimaryDark">@color/accent_material_light</item>
  <!--Window color-->
  <item name="android:windowBackground">@color/dim_foreground_material_dark</item>
</style>

再来是 v21 的style中 (res/values-v21/styles.xml)

<style name="AppTheme" parent="AppTheme.Base">
  <!--Navigation bar color-->
  <item name="android:navigationBarColor">@color/accent_material_light</item>
</style>

最后，就是为了本篇的主角 – Toolbar 的 background 进行设定。

<android.support.v7.widget.Toolbar
  android:id="@+id/toolbar"
  android:layout_height="?attr/actionBarSize"
  android:layout_width="match_parent"
  android:background="?attr/colorPrimary" >
 
</android.support.v7.widget.Toolbar>

在本范例中，toolbar 是设定来在 activity_main.xml，对其设定 background 属性： android:background="?attr/colorPrimary" ，这样就可以使之延用 Actionbar 的颜色设定喽。

大抵来说，预设常用的几个元素就如图中所示，接着就依序来说明之：

1. setNavigationIcon
   即设定 up button 的图标，因为 Material 的介面，在 Toolbar这里的 up button样式也就有別于过去的 ActionBar 哦。

1. setLogo
   APP 的图标。

2. setTitle
   主标题。

3. setSubtitle
   副标题。

4. setOnMenuItemClickListener
   设定菜单各按鈕的动作。

先来看看菜单外的代码，在 MainActivity.java 中：

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 
// App Logo
toolbar.setLogo(R.drawable.ic_launcher);
// Title
toolbar.setTitle("My Title");
// Sub Title
toolbar.setSubtitle("Sub title");
 
setSupportActionBar(toolbar);
 
// Navigation Icon 要設定在 setSupoortActionBar 才有作用
// 否則會出現 back button
toolbar.setNavigationIcon(R.drawable.ab_android);

这边要留意的是setNavigationIcon需要放在 setSupportActionBar之后才会生效。

菜单部分，需要先在res/menu/menu_main.xml左定义：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      tools:context=".MainActivity">
 
  <item android:id="@+id/action_edit"
        android:title="@string/action_edit"
        android:orderInCategory="80"
        android:icon="@drawable/ab_edit"
        app:showAsAction="ifRoom" />
 
  <item android:id="@+id/action_share"
        android:title="@string/action_edit"
        android:orderInCategory="90"
        android:icon="@drawable/ab_share"
        app:showAsAction="ifRoom" />
 
  <item android:id="@+id/action_settings"
        android:title="@string/action_settings"
        android:orderInCategory="100"
        app:showAsAction="never"/>
</menu>

再回到MainActivity.java 中加入OnMenuItemClickListener 的监听者：

private Toolbar.OnMenuItemClickListener onMenuItemClick = new Toolbar.OnMenuItemClickListener() {
  @Override
  public boolean onMenuItemClick(MenuItem menuItem) {
    String msg = "";
    switch (menuItem.getItemId()) {
      case R.id.action_edit:
        msg += "Click edit";
        break;
      case R.id.action_share:
        msg += "Click share";
        break;
      case R.id.action_settings:
        msg += "Click setting";
        break;
    }
 
    if(!msg.equals("")) {
      Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();
    }
    return true;
  }
};

将onMenuItemClick监听者设置给toolbar

setSupportActionBar(toolbar);
 
...
 
// Menu item click 的監聽事件一樣要設定在 setSupportActionBar 才有作用
toolbar.setOnMenuItemClickListener(onMenuItemClick);

和 setNavigationIcon 一样，需要將之设定在 setSupportActionBar 之后才有作用。执行上面的代码便会得到下面的界面。

总结：

这里按照图中从上到下的顺序做个简单的说明：

• colorPrimaryDark

• 状态栏背景色。

• 在 style 的属性中设置。

• textColorPrimary

• App bar 上的标题与更多菜单中的文字颜色。

• 在 style 的属性中设置。

• App bar 的背景色

• Actionbar 的背景色设定在 style 中的 colorPrimary。

• Toolbar 的背景色在layout文件中设置background属性。

• colorAccent

• 各控制元件(如：check box、switch 或是 radoi) 被勾选 (checked) 或是选定 (selected) 的颜色。

• 在 style 的属性中设置。

• colorControlNormal

• 各控制元件的预设颜色。

• 在 style 的属性中设置

• windowBackground

• App 的背景色。

• 在 style 的属性中设置

• navigationBarColor

• 导航栏的背景色，但只能用在 API Level 21 (Android 5) 以上的版本

• 在 style 的属性中设置

转载：http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/1118/2006.html

参考：http://blog.csdn.net/jwzhangjie/article/details/28852967