android之Toolbar使用详解

Toolbar简介

Toolbar是在 Android 5.0 开始推出的一个 Material Design 风格的导航控件 ，Google 非常推荐大家使用 Toolbar 来作为Android客户端的导航栏，以此来取代之前的 Actionbar 。与 Actionbar 相比， Toolbar 明显要灵活的多。它不像 Actionbar 一样，一定要固定在Activity的顶部，而是可以放到界面的任意位置。除此之外，在设计 Toolbar 的时候，Google也留给了开发者很多可定制修改的余地，这些可定制修改的属性在API文档中都有详细介绍。

前面提到 Toolbar 是在 Android 5.0 才开始加上的，Google 为了将这一设计向下兼容，自然也少不了要推出兼容版的 Toolbar 。为此，我们需要在工程中引入 appcompat-v7 的兼容包，使用 android.support.v7.widget.Toolbar 进行开发。

Toolbar基本使用

修改样式，这里使用没有导航栏NoAcionBar的主题样式，不过我在网上看的时候，发现有的文章说，这样太麻烦了，直接在BaseActivity中调用 supportRequestWindowFeature(Window.FEATURE_NO_TITLE) 去掉了默认的导航栏（注意，BaseActivity是继承了AppCompatActivity的，如果是继承Activity就应该调用 requestWindowFeature(Window.FEATURE_NO_TITLE)，这样做虽然也达到了效果，但是如果你在Activity中设置 setSupportActionBar(toolbar)，那么将会报错。虽然你可以不用把Toolbar设置为ActionBar，去继续使用ActionBar的一些属性。但是Googl官方还是建议设置Toolbar支持ActionBar的一些属性。所以这里就是用没有导航栏的Theme。

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    
    name="colorPrimary">@color/colorPrimary
    name="colorPrimaryDark">@color/colorPrimaryDark
    name="colorAccent">@color/colorAccent
    name="windowNoTitle">true
    name="windowActionBar">false
    
    name="android:textColorPrimary">@color/white
style>

我们在使用Toolbar时，为了方便通常创建一个独立的布局来放Toolbar，当在其它布局中使用到时直接即可，可以减少布局代码的冗余。Toolbar支持自定义的添加一些控件。

xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
                                   xmlns:app="http://schemas.android.com/apk/res-auto"
                                   android:id="@+id/toolbar"
                                   android:layout_width="match_parent"
                                   android:layout_height="?attr/actionBarSize"
                                   android:background="?attr/colorPrimary"
                                   android:focusable="true"
                                   android:focusableInTouchMode="true"
                                   app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                                   app:theme="@style/ThemeOverlay.AppCompat.ActionBar"
                                 >
    
    

            android:id="@+id/title_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="标题"
        android:textColor="@color/white"
        android:textSize="20sp"/>

在activity_main中引入Toolbar：

xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical">

    layout="@layout/toolbar_layout"/>

    

在MainActivity中具体使用Toolbar的一些属性，首先我们通过findViewById找到Toolbar控件，

通过 setSupportActionBar(toolbar); 将Toolbar设置给ActionBar，并支持ActionBar的一些属性。

//设置toobar
((AppCompatActivity) getActivity()).setSupportActionBar(toolbar);
ActionBar actionBar = ((AppCompatActivity) getActivity()).getSupportActionBar();
actionBar.setTitle("");
//设置返回按钮
actionBar.setDisplayHomeAsUpEnabled(true);

如果你想修改标题和子标题的字体大小、颜色等，可以调用 setTitleTextColor 、 setTitleTextAppearance 、 setSubtitleTextColor 、 setSubtitleTextAppearance 这些API；好了你可以先运行试试，接下来添加action menu看下面：

Toolbar使用Action Menu

1，在res下创建menu文件夹，创建Action Menu文件。

xml version="1.0" encoding="utf-8"?>
xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto">
            android:id="@+id/action_settings"
        android:title="设置"
        app:showAsAction="never"/>

            android:id="@+id/action_about"
        android:title="关于"
        app:showAsAction="never"/>

2，

a.在Activity中初始化Action menu

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    super.onCreateOptionsMenu(menu, inflater);
    getActivity().getMenuInflater().inflate(R.menu.toolbar_menu, menu);
}

b.在Fragment中初始化Action menu

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    super.onCreateOptionsMenu(menu, inflater);
    getActivity().getMenuInflater().inflate(R.menu.toolbar_menu, menu);
}

其中在Fragment 里面使用

onCreateOptionsMenu

需要在Oncreat里面添加

setHasOptionsMenu(true);

详情见：http://blog.csdn.net/qq_30723541/article/details/75303392

当用户点击App bar的items时，Activity会回调 onOptionsItemSelected()方法，并传递一个MenuItem对象，以指示单击了哪个item。
我们实现onOptionsItemSelected（）方法，调用MenuItem.getItemId（）方法来确定按下了哪个项目。
该ID匹配返回你在相应的元素的android公布值：id属性。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case android.R.id.home:
            Toast.makeText(getActivity(), "点击了", Toast.LENGTH_SHORT).show();
            break;
        case R.id.action_settings:
            break;
        case R.id.action_about:
            break;
    }
    return super.onOptionsItemSelected(item);
}