摘要：今天我們主要講的使用，我們都知道是在以后推出來的，之前都是這個(gè)控件。我相信雖然谷歌在以后推出了，但是用的人肯定很少，因?yàn)閭€(gè)人認(rèn)為它比較惡心。而且對(duì)的界定很模糊和在外觀上并沒有太大的區(qū)別，只是說更加自由了，而不像那樣有太多系統(tǒng)定制的條條框框。

今天我們主要講Toolbar的使用，我們都知道Toolbar是在Android 5.0以后推出來的，之前都是ActionBar這個(gè)控件。我相信雖然谷歌在3.0以后推出了ActionBar，但是用的人肯定很少，因?yàn)閭€(gè)人認(rèn)為它比較惡心。而且Android對(duì)ActionBar的界定很模糊,Toolbar和ActionBar在外觀上并沒有太大的區(qū)別，只是說Toolbar更加自由了，而不像ActionBar那樣有太多系統(tǒng)定制的條條框框。

一個(gè)Toolbar包含哪些元素呢？通過我們看API文檔可以知道，Toolbar包含如下這些元素：

導(dǎo)航按鈕

應(yīng)用程序的標(biāo)志logo

標(biāo)題和子標(biāo)題

一個(gè)和多個(gè)自定義的視圖控件

操作菜單

我們知道了一個(gè)Toolbar大概包含了5種元素，那我們就介紹一下它們的基本使用。先看做出來的效果圖，如下：

Toolbar的效果圖上，從左往右依次是：導(dǎo)航按鈕，logo，標(biāo)題和子標(biāo)題，自定義控件和action menu操作菜單。

上面效果圖實(shí)現(xiàn)的布局代碼如下：

布局代碼中的app:logo，app:subtitle等我就不一一介紹了，相信大家都能看懂是什么意思。這些東西可以在布局文件中寫，當(dāng)然也可以在代碼中實(shí)現(xiàn)，比如：

toolbar.setNavigationIcon();
toolbar.setLogo();
toolbar.setTitle();
toolbar.setSubtitle();
……

對(duì)于標(biāo)題和子標(biāo)題的樣式，我們也是可以修改的，比如：顏色，大小等。在style文件中如下：

對(duì)于操作菜單（action menu），我們先在menu中配置item，如下：

然后我們通過這行代碼加入到toolbar中：

toolbar.inflateMenu(R.menu.toolbar_menu);

其實(shí)這樣配置也是可以的，如下：

@Override
public boolean onCreateOptionsMenu(Menu menu) {
     getMenuInflater().inflate(R.menu.toolbar_menu, menu);
     return true;
}

public class ToolbarActivity extends AppCompatActivity   {
    private Toolbar toolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_toolbar);
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        toolbar.inflateMenu(R.menu.toolbar_menu);
        //action menu操作菜單按鈕的點(diǎn)擊事件
        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.share:
                        Toast.makeText(ToolbarActivity.this,"分享",Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.setting:
                        Toast.makeText(ToolbarActivity.this,"設(shè)置",Toast.LENGTH_SHORT).show();
                        break;
                }
                return false;
            }
        });
        //導(dǎo)航按鈕的點(diǎn)擊事件
        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish();
            }
        });
    }

}

通過效果圖我們可以看到更多三個(gè)點(diǎn)的顏色和我們的menu按鈕的顏色不統(tǒng)一，特別丑，如果我們要想修改成白色該怎么做呢？

配置style

在toolbar中設(shè)置主題

android:theme="@style/Theme.ToolBar.More"

效果圖

顏色是不是統(tǒng)一了，好看了很多？

Toolbar以前剛開始用的時(shí)候有過很多坑，不過這一次我在給大家寫博客的時(shí)候，重寫的時(shí)候，發(fā)現(xiàn)以前的坑都沒有了，看來谷歌是修復(fù)了，越弄越好了。關(guān)于Toolbar就講這些吧。這個(gè)再說一遍，這個(gè)系列確實(shí)都是在講Material Design控件的使用，都是一些基本的用法和遇到的一些坑，這些Material Design風(fēng)格控件都會(huì)用了的，如果閑很基礎(chǔ)，可以略過，Material Design出來很久了，確實(shí)時(shí)間很長了，寫這個(gè)系列的目的是為了那些沒用過Material Design的同學(xué)。所謂眾口難調(diào)，還請(qǐng)大家擔(dān)待點(diǎn)。

demo的github地址：https://github.com/loonggg/MaterialDesignDemo 去star吧，我會(huì)慢慢完善的。

歡迎關(guān)注微信公眾號(hào)：非著名程序員（smart_android），每天每周定時(shí)推送原創(chuàng)技術(shù)文章。所有技術(shù)文章， 均會(huì)在微信訂閱號(hào)首發(fā)，關(guān)注微信公眾號(hào)可以及時(shí)獲得技術(shù)文章推送。