toolbar 简单使用

toolbar是google开发出来的代替actionbar的一个新导航控件，使用一个toolbar，首先要在布局文件里面加入一个toolbar；

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:popupTheme="@style/ToolbarPopupTheme"
        android:background="?attr/colorPrimary">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="自定义的view"
        android:textSize="20dp"/>
    </android.support.v7.widget.Toolbar>

</android.support.v4.widget.DrawerLayout>

然后新建一个menu文件给toolbar增加菜单项

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/action_seach"
    android:title="search"
    android:icon="@mipmap/ic_launcher"
    app:showAsAction="ifRoom"/>
    <item
        android:id="@id/action_search"
        android:icon="@mipmap/ic_search"
        android:title="menu_search"
        app:showAsAction="ifRoom" />
    <item
        android:id="@id/action_notification"
        android:icon="@mipmap/ic_notifications"
        android:title="menu_notifications"
        app:showAsAction="ifRoom" />

    <item
        android:id="@+id/action_item1"
        android:title="item_01"
        app:showAsAction="never" />

    <item
        android:id="@+id/action_item2"
        android:title="item_02"
        app:showAsAction="never" />
</menu>

最后在代码中作相应操作

  toolbar = (Toolbar)findViewById(R.id.toolbar);
      toolbar.setNavigationIcon(R.mipmap.ic_drawer_home);//设置导航栏图标
        toolbar.setTitle("标题");//设置主标题
        toolbar.setSubtitle("子标题");//设置子标题
        toolbar.setLogo(R.mipmap.ic_launcher);//设置app logo
      toolbar.inflateMenu(R.menu.menu_main);//设置右上角的填充菜单

//        setSupportActionBar(toolbar);
//        toolbar.setNavigationIcon(R.mipmap.ic_launcher);

        toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()){
                    case R.id.action_seach:
                        Toast.makeText(MainActivity.this,"search",Toast.LENGTH_LONG).show();
                        break;
                }
                return false;
            }
        });

注意：

1、使用toolbar要隐藏系统导航栏，可以在activity 中设置一个NOACTIONBAR的主题theme,也可以加入一行代码，继承AppCompatActivity中调用supportRequestWindowFeature(Window.FEATURE_NO_TITLE) 去掉默认的导航栏，继承Activity就调用requestWindowFeature(Window.FEATURE_NO_TITLE)；

2、可以调用setTitleTextColor、setTitleTextAppearance、setSubtitleTextColor、setSubtitleTextAppearance 这些API来修改标题和小标题的字体大小颜色；

3、自定义的View位于 title、subtitle 和 actionmenu 之间，如果title 和 subtitle 都在，且 actionmenu选项 太多的时候，留给自定义View的空间就越小；

4、

1. 导航图标 和 app logo 的区别在哪？如果你只设置 导航图标（ orapp logo） 和 title、subtitle，会发现app logo 和 title、subtitle 的间距比较小，看起来不如导航图标 与 它们两搭配美观；

2. Toolbar 和其他控件一样，很多属性设置方法既支持代码设置，也支持在xml中设置（这里也是最最最最最坑爹的地方，如何坑爹法，请接着往下看）；

在根布局中加入自定义属性的命名空间

xmlns:toolbar="http://schemas.android.com/apk/res-auto"(这里的toolbar可以换成你想要其他命名，做过自定义控件的童鞋相比很熟悉此用法了)

然后把所有用 android:xxx 设置无效的，都用 toolbar：xxx 设置即可生效。这个控件是兼容版的控件，用 android:xxx 设置无效是的这些属性是在兼容包中，不在默认的Android SDK中，所以我们需要额外的引入。如果我有需求要改变一下item文字颜色，应该怎么破？我按照网上比较普遍的解决方案，做了如下两步的修改操作：

• 在styles.xml中自定义一个Theme，并设置 actionMenuTextColor 属性（注意：不是 android:actionMenuTextColor ）

  <resources>
  
      <!-- Base application theme. -->
      <!--设置toolbar属性颜色-->
      <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
          <!-- Customize your theme here. -->
          <item name="colorPrimary">@color/colorPrimary</item>
          <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
          <item name="colorAccent">@color/colorAccent</item>
          <item name="android:textColorPrimary">@color/colorAccent</item>
          <item name="android:textColorSecondary">@color/colorAccent</item>
      </style>
      <!--设置popupview背景色-->
      <style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat.Dark">
          <item name="android:colorBackground">@color/colorAccent</item>
          <item name="android:actionOverflowMenuStyle">@style/overflowMenu</item>
      </style>
      <!--popupview位于toolbar之下-->
      <style name="overflowMenu" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
          <item name="overlapAnchor">false</item>
      </style>
  </resources>

<style name="Theme.ToolBar.Base" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="actionMenuTextColor">@color/color_red</item>
</style>

• 在布局文件的Toolbar中设置popupTheme（注意：是toolbar:xxx，不是android:xxx）

   
android:popupTheme="@style/ToolbarPopupTheme"

为了美化导航栏与顶部的效果，可以使用Translucent System Bar 新特性   看这里