ToolBar的学习

ToolBar是什么

ToolBar是在Android 5.0之后开始推出的一个具有Material Design的导航栏控件。Google非常推荐开发者使用ToolBar作为安卓客户端的导航栏，以此来取代ActionBar。它不像ActionBar一样必须固定在Activity的顶端，他可以放置在任何位置。而且Google在设计ToolBar的时候，还给开发者留了很多可供修改的地方，如

1. 设置导航栏图标
2. 设置APP logo
3. 设置标题和副标题
4. 支持添加一个或多个自定义控件
5. 支持Action Menu

官方解释如下

使用实例：模仿知乎日报导航栏

主界面布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ZhiHuActivity">
    <android.support.v7.widget.Toolbar
        android:id="@+id/zhihu_toolBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/color_512da8">
    </android.support.v7.widget.Toolbar>
<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">
    <ImageView
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:layout_centerInParent="true"
        android:background="@mipmap/ic_zhihu_logo"/>
</RelativeLayout>
</LinearLayout>

由一个ToolBar和一个ImageView组成

自定义Menu布局

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_search"
        android:icon="@mipmap/ic_search"
        app:showAsAction="ifRoom"
        android:title="@string/menu_search"
        ></item>
    <item
        android:id="@+id/action_notification"
        android:icon="@mipmap/ic_notifications"
        android:title="@string/menu_notifications"
        app:showAsAction="ifRoom"
        ></item>
    <item
        android:id="@+id/action_setting"
        android:title="设置"
        app:showAsAction="never"
        ></item>
    <item
        android:id="@+id/action_about"
        android:title="关于"
        app:showAsAction="never"
        ></item>

</menu>

注意，showAsAction前面是app:

showAsAction属性说明

　　1、always：这个值会使菜单项一直显示在ToolBar上。
　　2、ifRoom：如果有足够的空间，这个值会使菜单项显示在ToolBar 上。
　　3、never：这个值使菜单项永远都不出现在ToolBarr上。
　　4、withText：这个值使菜单项和它的图标，菜单文本一起显示。

主界面

public class ZhiHuActivity extends Activity {

    private Toolbar mToolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_zhu_hu);

        mToolbar=(Toolbar) findViewById(R.id.zhihu_toolBar);
        //设置填充菜单
        mToolbar.inflateMenu(R.menu.zhihu_menu);
        //设置标题
        mToolbar.setTitle(R.string.home_page);
        //设置导航图标
        mToolbar.setNavigationIcon(R.mipmap.ic_drawer_home);
        mToolbar.setTitleTextColor(getResources().getColor(android.R.color.white));
        //处理菜单的点击事件
        mToolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                int id=item.getItemId();
                switch (id){
                    case R.id.action_search:
                        Toast.makeText(ZhiHuActivity.this,R.string.menu_search,Toast.LENGTH_LONG).show();
                        break;
                    case R.id.action_notification:
                        Toast.makeText(ZhiHuActivity.this,R.string.menu_notifications,Toast.LENGTH_LONG).show();
                        break;
                    case R.id.action_setting:
                        Toast.makeText(ZhiHuActivity.this,R.string.menu_settings,Toast.LENGTH_LONG).show();
                        break;
                    case R.id.action_about:
                        Toast.makeText(ZhiHuActivity.this,R.string.menu_about_us,Toast.LENGTH_LONG).show();
                        break;
                }
                return true;
            }
        });
    }
}

运行结果