UI-ToolBar 标题栏

在开发中经常需要使用到标题栏，很多时候我们会自自定义一个标题栏，因为自定义标题栏基本上就只需要使用个RelativeLayout就能实现。但是很多时候我们自己定义的标题栏，总是显得不够规范，或者不够优雅。
下面将介绍使用ToolBar一步步实现上面的效果图：

1. 添加一个布局activity_toolbar.xml

2. 初始化ToolBar:

        toolbar=(Toolbar)findViewById(R.id.toolBar);
        toolbar.setTitle("我的行程"); //设置标题
        toolbar.setSubtitle("SubTitle");// 设置子标题
        toolbar.setLogo(R.mipmap.ic_launcher); //设置Logo

运行下看看效果

为啥我的行程是黑色的颜色呢？如果我想设置成自己的颜色又该怎么办呢？
那就再来一张图：

由此我们可以看到是 textColorPrimary这个属性决定我们的Title的颜色，下面在我们的styles.xml中进行修改：

运行：

3. 添加导航按钮：

        setSupportActionBar(toolbar); //这里注意为固定写法
        toolbar.setNavigationIcon(R.mipmap.ic_arrow_back_white_24dp);//设置导航按钮

4. 添加右边的图标：

• 新建一个menu文件， res/menu/menu_tb.xml

其中
android:title表示显示menu的文本
android:icon表示显示menu的图标
app:showAsAction表示显示该item的策略，该属性包含2个值 ifRoom/never
ifRoom表示如果空间足够大就显示，否则就隐藏
never表示不显示，点击3个点后才显示出来

• 在Activity中重写onCreateOptionsMenu方法

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_tb,menu);//将menu_tb加载到menu中去
        return true;
    }

再来看看效果图:

为毛最右边的3个点是黑色的呢？从上面设置标题字体的颜色，我们是否大概知道需要去哪设置了呢？
没错，还是styles.xml中修改。

• 修改styles.xml中的android:textColorSecondary属性：

@color/colorWhite

变白了吧。
当我们点击3个点的时候，效果图如下：

是不是觉得这个位置，以及背景颜色，字体颜色都不是很好看呢？

• 设置弹窗框样式
  在styles.xml中添加弹窗框样式:

在toolbar的布局文件中添加

app:popupTheme="@style/ToolbarPopupTheme

运行：

5. 为菜单item添加点击事件

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                // do something...
                return true;
            }
        });

6. 为导航按钮添加返回父Activity功能

• 在Manifest.xml中指定父Activity

• 在Activity的onCreate中设置ActionBar的导航栏按钮允许返回父Acitivity

//获取ActionBar
ActionBar bar=getSupportActionBar();
//允许返回指定的父Activity
bar.setDisplayHomeAsUpEnabled(true);

以上就是使用ToolBar的步骤

demo地址