1.概述
本篇就為各位介紹 – toolbar大渤，這是用來取代過去 actionbar 的控件，而現(xiàn)在于 material design 中也對之有一個統(tǒng)一名稱：app bar莹弊，在未來的 android app 中，就以 toolbar 這個元件來實作之。
接下來將為各位分成幾個階段進(jìn)行說明具温，如何在 android app 中用 toolbar 這個控件來做出一個基本的 app bar 嘍掠拳。
2.最簡單的使用
從以下三個步驟來使用：
（1） 風(fēng)格 (style)
（2） 界面 (layout)
（3） 程序 (java)
（1）風(fēng)格（隱藏ActionBar）
風(fēng)格要調(diào)整的地方有二
一在 res/values/styles.xml中
二在 /res/values-v21/styles.xml中
為了之后設(shè)定方便癞揉，我們先在 res/values/styles.xml 里增加一個名為 AppTheme.Base 的風(fēng)格
<style name="AppTheme.Base" parent="Theme.AppCompat">
<item name="windowActionBar">false</item>
<item name="android:windowNoTitle">true</item>
</style>
因為此范例只使用 Toolbar，所以我們要將讓原本的 ActionBar 隱藏起來，然后將原本 AppTheme 的 parent 屬性 改為上面的AppTheme.Base喊熟，代碼如下：
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="AppTheme.Base">
</style>
<style name="AppTheme.Base" parent="Theme.AppCompat">
<item name="windowActionBar">false</item>
<item name="android:windowNoTitle">true</item>
</style>
</resources>
再來調(diào)整Android 5.0的style： /res/values-v21/styles.xml柏肪，也將其 parent 屬性改為 AppTheme.Base：
<?xml version="1.0" encoding="utf-8"?>
<resources>
<style name="AppTheme" parent="AppTheme.Base">
</style>
</resources>
（2）界面
在 activity_main.xml 里面添加 Toolbar 控件：
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_height="?attr/actionBarSize"
android:layout_width="match_parent" >
</android.support.v7.widget.Toolbar>
請記得用 support v7 里的 toolbar，不然只有 API Level 21 也就是 Android 5.0 以上的版本才能使用芥牌。
（3）程序
在 MainActivity.java 中加入 Toolbar 的聲明：
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
通過以上三個步驟预吆，就可以實現(xiàn)ToolBar最簡單的使用了。
3.自定義顏色
（1）colorPrimaryDark（狀態(tài)欄底色）：在風(fēng)格 (styles) 或是主題 (themes) 里進(jìn)行設(shè)定胳泉。
（2）App bar 底色
這個設(shè)定分為二拐叉，若你的 android app 仍是使用 actionbar ，則直接在風(fēng)格 (styles) 或是主題 (themes) 里進(jìn)行設(shè)定 colorPrimary 參數(shù)即可扇商；
可若是采用 toolbar 的話凤瘦，則要在界面 (layout) 里面設(shè)定 toolbar 控件的 background 屬性。
（3）navigationBarColor（導(dǎo)航欄底色）：
僅能在 API v21 也就是 Android 5 以后的版本中使用案铺， 因此要將之設(shè)定在 res/values-v21/styles.xml 里面蔬芥。
也因此在這個階段，我們需要設(shè)定的地方有三：
一是 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 進(jìn)行設(shè)定笔诵。
<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 是設(shè)定來在 activity_main.xml姑子，對其設(shè)定 background 屬性： android:background="?attr/colorPrimary" 乎婿，這樣就可以使之延用 Actionbar 的顏色設(shè)定嘍。
4.控件
- （1）setNavigationIcon
即設(shè)定 up button 的圖標(biāo)街佑，因為 Material 的介面谢翎，在 Toolbar這里的 up button樣式也就有別于過去的 ActionBar 哦。 - （2）setLogo
APP 的圖標(biāo)沐旨。 - （3）setTitle
主標(biāo)題森逮。 - （4）setSubtitle
副標(biāo)題。 - （5）setOnMenuItemClickListener
設(shè)定菜單各按鈕的動作磁携。
（1）先來看看菜單外的代碼褒侧，在 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 要設(shè)定在 setSupoortActionBar 才有作用
// 否則會出現(xiàn) back button
toolbar.setNavigationIcon(R.drawable.ab_android);
這邊要留意的是setNavigationIcon需要放在 setSupportActionBar之后才會生效。
（2）菜單部分谊迄，需要先在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 的監(jiān)聽者：
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監(jiān)聽者設(shè)置給toolbar
setSupportActionBar(toolbar);
...
// Menu item click 的監(jiān)聽事件一樣要設(shè)定在 setSupportActionBar 才有作用
toolbar.setOnMenuItemClickListener(onMenuItemClick);
和 setNavigationIcon 一樣闷供，需要將之設(shè)定在 setSupportActionBar 之后才有作用。執(zhí)行上面的代碼便會得到下面的界面鳞上。
5.附上一個界面上常用的屬性
colorPrimaryDark
狀態(tài)欄背景色这吻。
在 style 的屬性中設(shè)置。
textColorPrimaryApp bar 上的標(biāo)題與更多菜單中的文字顏色篙议。
在 style 的屬性中設(shè)置唾糯。
App bar 的背景色Actionbar 的背景色設(shè)定在 style 中的 colorPrimary怠硼。
Toolbar 的背景色在layout文件中設(shè)置background屬性。
colorAccent各控制元件(如：check box移怯、switch 或是 radoi) 被勾選 (checked) 或是選定 (selected) 的顏色香璃。
在 style 的屬性中設(shè)置。
colorControlNormal各控制元件的預(yù)設(shè)顏色舟误。
在 style 的屬性中設(shè)置
windowBackgroundApp 的背景色葡秒。
在 style 的屬性中設(shè)置
navigationBarColor導(dǎo)航欄的背景色，但只能用在 API Level 21 (Android 5) 以上的版本
在 style 的屬性中設(shè)置
